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内 容 简 介 


JavaScript 曾 是 “世界 上 最 被 误解 的 语言 >， 因为 它 担负 太 多 的 特 
性 ， 包 括 糟 糕 的 交互 和 失败 的 设计 ， 但 随 着 Ajax 的 到 来 ， 
JavaScript“ 从 最 受 误解 的 编程 语言 演变 为 最 流行 的 语言 "， 这 除了 幸运 
之 外 ， 也 证 明了 它 其 实 是 一 门 优秀 的 语言 。Douglas Crockford 在 本 书 
中 剥 开 了 JavaScript 沾 污 的 外 衣 ， 抽 离 出 一 个 具有 更 好 可 靠 性 、 可 读 性 
和 可 维护 性 的 JavaScript 子 集 ， 让 你 看 到 一 门 优雅 的 、 轻 量 级 的 和 非 党 
富有 表现 力 的 语言 。 作 者 从 语法 、 对 象 、 函 数 、 继 承 、 数 组 、 正 则 表 
达 式 、 方 法 、 样 式 和 优美 的 特性 这 9 个 方面 来 呈现 这 门 语言 真正 的 精华 
部 分 ， 通 过 它们 完全 可 以 构建 出 优雅 高 效 的 代码 。 作 者 还 通过 附录 列 
出 了 这 门 语言 的 毒瘤 和 糟粕 部 分 ， 且 告诉 你 如 何 避 人 免 它们 。 最 后 还 介 
绍 了 JSLint， 通 过 它 的 检验 ， 能 有 效 地 保障 我 们 的 代码 品质 。 


这 是 一 本 介绍 JavaScript 语 言 本 质 的 权威 书籍 ， 值 得 任何 正在 或 准 
备 从 事 JavaScript 开 发 的 人 阅读 ， 并 且 需 要 反复 阅读 。 学 习 、 理 解 、 实 
践 大 师 的 思想 ， 我 们 才 可 能 站 在 巨人 的 肩 上 ， 才 有 机 会 超越 大 师 ， 这 
本 书 瓯 是 开始 。 


978-0-596-51774-8 JavaScript: The Good Part © 2008 by O'Reilly Media, 


Inc. 


Simplified Chinese edition, jointly published by O'Reilly Media, Inc. and 
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O'Reilly Media, Inc. 介 绍 


O'Reilly Media 通 过 图 书 、 杂 志 、 在 线 服务 、 调 查 研 究 和 会 议 等 方 
式 传播 创新 知识 。 自 1978 年 开始 ，O'Reilly 一 直 都 是 前 沿 发 展 的 见证 者 
和 推动 者 。 超 级 极 客 们 正在 开创 着 未 来 ， 而 我 们 关注 真正 重要 的 技术 
趋势 一 一 通过 放大 那些 “细微 的 信号 ”来 刺激 社会 对 新 科技 的 应 用 。 作 
为 技术 社区 中 活跃 的 参与 者 ，O'Reilly 的 发 展 充 满 了 对 创新 的 倡导 、 创 
造 和 发 扬 光 大 。 


O'Reilly 为 软件 开发 人 员 带 来 革命 性 的 “动物 书 ”， 创 建 第 一 个 商业 
网 站 (GNN) ;组 织 了 影响 深远 的 开放 源 代码 峰会 ， 以 至 于 开源 软件 
运动 以 此 命名 ; 创立 了 Make 杂 志 ， 从 而 成 为 DIY 音 命 的 主要 先锋 ; 公 
司 一 如 既往 地 通过 多 种 形式 缔结 信息 与 人 的 纽带 。O'Reilly 的 会 议和 峰 
F 
业 的 革命 性 思想 。 作 为 技术 人 士 获 取信 息 的 选择 ，O'Reilly 现 在 还 将 先 
锋 专家 的 知识 传递 给 普通 的 计算 机 用 户 。 无 论 是 通过 书籍 出 版 ， 在 线 
服务 或 者 面授 课程 ， 每 一 项 O'Reilly 的 产品 都 反映 了 公司 不 可 动 播 的 理 
言 息 是 激发 创新 的 力量 。 
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业界 评论 


“O'Reilly Radar 博 客 有 口 皆 碑 。” 


Wired 


“O'Reilly 凭 借 一 系列 (真希 望 当初 我 也 想到 了 ) 非凡 想 
法 建立 了 数 百 万 美元 的 业务 。” 


Business 2.0 


“O'Reilly Conference 是 聚集 关键 思想 领袖 的 绝对 典范 。” 
—CRN 


“一 本 OReilly 的 书 就 代表 一 个 有 用 、 有 前 途 、 需 要 学 习 
的 主题 。” 


Irish Times 


“Tim 是 位 特 立 独行 的 商人 ， 他 不 光 放 眼 于 最 长 远 、 最 广 
阔 的 视野 并 且 切 实地 按照 Yogi Berra 的 建议 去 做 了 : “如果 你 
在 路 上 遇 到 岔路 口 ， 走 小 路 (AR) „ :回顾 过 去 Tim 似 乎 每 
一 次 都 选择 了 小 路 ， 而 且 有 几 次 都 是 一 内 即 逝 的 机 会 ， 尽 管 
ARET Ti ” 


Linux Journal 


致敬 


给 伙计 们 : Clement、Philbert、Seymore、Stern 和 不 可 遗 
忘 的 C. Twildo。 


再 版 译 者 序 


到 重 看 第 1 版 的 译 者 序 ， 我 才 意识 到 ， 不 知 不 觉 时 间 竟 然 已 经 过 
去 快 4 年 了 。 


这 段 不 长 也 不 短 的 时 间 里 ， 发 生 了 很 多 事 ， 请 容 我 语无伦次 地 列 
举 出 来 。 


在 这 4 年 里 ，JavaScript 的 发 展 丝毫 没有 减速 的 迹象 ， 随 着 新 一 轮 
的 浏览 器 竞赛 ，HTML5 逐 渐 得 到 普及 ，JavaScript 在 Web 开 发 领域 中 的 
地 位 日 益 提高 。NodeJS 的 出 现 ， 更 是 让 JavaScript 萝 延 到 服务 器 端 编程 
领域 。 还 值得 一 提 的 是 2 年 多 以 前 CoffeeScript 的 诞生 ， 它 吸收 了 
JavaScript 语 言 的 精华 ， 去 除了 很 多 本 书 中 提 到 的 毒瘤 和 糟粕 ， 还 添加 
了 很 多 现代 脚本 语言 的 特性 ， 仿 佛 就 是 老道 (我们 私下 里 这 样 尊称 本 
书 的 作者 Douglas Crockford) 所 想 要 的 JavaScript 精 华 子 集 。 老 道 本 人 
也 确实 对 它 推 尝 有 加 。 


已 经 10 年 未 有 重大 版 本 发 布 的 ECMA， 终 于 在 2009 年 年 底 发 布 
ECMA-262 的 第 5 个 版 本 (ES5) ， 这 个 版 本 在 最 后 时 刻 取 代 了 过 于 激 
进 的 ED4 (Javascript 2.0) ， 据 说 老道 的 倡议 起 了 重大 的 作用 。 谢 天 谢 
地 ， 我 真 不 愿意 像 写 Java 一 样 写 JavaScript。 本 书 中 的 一 些 精 华 也 被 
ES5 采 纳 ， 比 如 JSON 成 为 ES5 的 标准 组 件 ; 再 比如 ES5 支 持 “ 严 格 ” 模 
式 ， 在 此 模式 下 ， 使 用 未 声明 的 全 局 变量 或 者 with 语句 ， 都 会 抛 出 错 
误 。 下 一 代 的 ES 版 本 (ES6) 正在 制定 中 ， 它 的 名 字 是 我 们 无 比 熟悉 
Harmony (Alig) ”， 期 待 更 多 本 书 中 的 优秀 思想 会 出 现在 ES6 中 。 


2009 年 ， 在 北京 举行 的 Qcon 大 会 上 ， 我 和 学 哆 有 笠 遇 到 了 老道 ， 
并 和 他 合影 留念 。 他 比 我 想象 中 高 大 ， 留 着 拉 风 的 络 腮 胡子 (后 来 我 


到 了 他 未 留 胡 子 的 照片 ， 觉 得 老道 还 是 留 胡子 的 好 ) 。 人 很 安静 ， 
看 上 去 有 那么 一 点 技术 人 员 的 木 讽 。 但 站 在 演讲 台 上 却 是 侃侃 而 谈 ， 
AHA Fo 


于 我 而 言 ， 这 4 年 我 的 人 生 同 样 发生 了 重大 的 变化 。 我 结 了 婚 ， 装 
修了 房子 ， 在 去 年 年 底 ， 我 的 孩子 也 降生 了 。 


就 此 打住 吧 ， 我 快要 走 题 了 。 


这 次 修订 的 版 本 ， 对 照 中 英文 的 勘误 ,修正 了 80 余 个 错误 。 一 些 
已 经 过 时 的 经 验 和 数据 ， 我 们 也 尽 所 能 通过 译 者 注 进 行 了 标注 。 作 为 
一 名 译 者 ， 忠 实地 翻译 本 书 的 内 容 本 是 职责 。 在 翻译 的 过 程 中 ， 我 们 
曾 遇 到 一 些 与 自己 的 开发 经 验 有 冲突 的 部 分 。 我 也 在 不 同 场合 多 次 听 
闻 国 内 外 的 业界 同行 ， 对 本 书 的 部 分 内 容 提出 了 不 同 的 看 法 ， 有 人 认 
为 本 书 一 些 观 点 不 是 JavaScript 的 最 佳 实践 ， 有 人 甚至 言辞 激烈 地 说 有 
些 观 点 根本 就 是 老道 的 个 人 主观 看 法 ， 而 非 科 学 的 求证 。 


在 我 眼 里 ， 我 觉得 我 的 孩子 是 世界 上 最 漂亮 的 宝宝 ， 天 下 的 父母 
怕 是 都 无 法 完全 客观 地 看 待 自己 的 孩子 。 我 相信 老道 视 他 提炼 的 
JavaScript 子 集 ， 就 如 同 我 看 自己 的 孩子 。 其 实 ， 老 道 在 本 书 的 最 开 
头 ， 就 已 经 表明 : 本 书 内 容 是 他 根据 自己 的 经 验 提 炼 的 精华 子 集 。 也 
许 ， 每 个 开发 人 员 对 何谓 精华 、 何 谓 糟 粕 有 自己 的 看 法 。 但 我 想 ， 
JavaScript 还 会 不 停 地 发 展 下 去 ， 本 书 中 的 内 容 也 许 还 需要 多 次 修订 ， 
但 “ 取 其 精华 ， 弃 其 糟粕 ”的 思想 是 不 会 过 时 的 。 


我 的 孩子 ， 就 遗传 了 我 和 太太 的 精华 ， 如 果 一 定 要 说 有 一 点 是 糟 
粕 的 话 ， 那 就 是 他 没有 继承 我 喜欢 安静 的 优点 ， 每 天 不 闲 到 精 疲 力 尽 


就 不 肯 睡 去 。 所 以 ,我 只 有 在 孩子 晚上 熟睡 后 ， 才 有 得 闲暇 写 下 断 续 
的 文字 。 


感谢 本 修订 版 的 策划 编辑 张 春 雨 老师 ， 他 容忍 了 我 的 多 次 跳 票 ， 
请 原谅 一 个 迷恋 孩子 的 父亲 。 


2012 年 8 月 5 日 码 字 于 杭州 


译 者 序 
Douglas Crockford 是 一 位 大 师 。 


翻译 大 师 的 作品 ， 一 边 是 感到 万 分 的 采 斑 ,一边 也 是 殊 闫 小 心 。 
因为 吉尔 伯 特 : 海 特 (美国 教育 家 ) 曾经 说 过 : 写 了 一 本 很 糟糕 的 书 只 
是 犯错 而 已 ， 而 把 一 本 好 书 翻译 得 很 糟糕 则 是 犯罪 。 但 这 样 的 大 师 经 
典 之 作 ， 即 便 是 冒 着 犯罪 的 风险 ， 也 值得 翻译 出 来 并 推荐 给 大 家 。 一 
到 现在 ， 依 然 有 很 多 资深 的 开发 人 员 对 JavaScript 存 有 偏见 。 秦 歌 和 
我 ， 分 别 负责 雅虎 口碑 网 和 淘宝 网 的 前 端 开 发 组 ， 对 此 的 感受 更 为 深 
刻 。 但 即便 如 此 ， 也 不 得 不 承认 ，JavaScript 正 日 益 成 为 互联 网 中 最 普 
及 和 最 重要 的 开发 语言 。 


Crockford 曾 写 过 很 著名 的 一 篇 文章 一 一 《JavaScript: 世界 上 最 被 
误解 的 语言 》。 建 议 看 到 这 里 的 所 有 读者 都 找 来 这 篇 文章 
(http://javascript.crockford.com/javascript.html) 并 仔细 阅读 。 早 期 的 
商业 原因 和 规范 欠缺 给 JavaScript 这 门 语言 蒙 上 了 阴影 ; Copy+Paste 式 
滥用 也 让 JavaScript 显 得 廉价 不 堪 ;， 更 糟糕 的 是 ， 还 有 大 量 不 负责 任 的 
书籍 把 烙 脚 的 用 例 奉 为 正统 ， 印 成 了 铅字 ， 让 新 手 们 从 一 开始 就 走 上 
I KR FH HM, Javascript E H N FHN, EN F d 
瑜 。 Crockford 为 此 凭借 他 广博 的 学 识 和 丰富 的 经 验 提 炼 出 了 JavaScript 
的 精华 子 集 。 开 发 人 员 只 要 在 这 个 子 集 的 范畴 中 编程 ， 就 既 能 使 用 
JavaScript 强 大 的 表现 力 和 时 越 的 动态 性 ， 又 能 免 去 许多 无 端的 调试 烦 
恼 和 安全 隐忧 。 


这 本 书 很 溥 ， 但 承载 的 内 容 却 非常 丰厚 和 深入 。 翻 译 的 过 程 中 我 
也 常 感 汗颜 ， 原 来 自 良 对 JavaScript 左 为 了 解 的 我 深刻 感受 到 自己 知识 


面 的 浅 清 和 不 完整 ， 于 是 翻译 的 过 程 也 成 为 自己 检讨 和 学 习 的 过 程 ， 
WRK. Crockford 在 前 言 中 告诫 大家， 这 本 书 是 需要 反复 阅读 的 。 
我 们 同样 推荐 所 有 的 读者 这 样 做 。 


我 想 每 一 个 热爱 技术 的 开发 人 员 都 希望 自己 有 一 天 成 为 某 个 领域 
的 大 师 。 我 通过 翻译 大 师 的 著作 也 得 到 了 一 个 启示 ,“ 取 其 精华 ， 去 其 
糟粕 ”本 就 是 前 人 告诉 我 们 的 学 习 态 度 与 方法 ， 对 日 新 月 异 的 IT 领域 来 
说 更 该 如 此 。 当 我 们 面 对 这 些 层 出 不 穷 的 新 技术 、 新 理念 时 ， 不 要 匆 
忙 地 照 单 全 收 或 全 盘 否 定 。 找 到 最 适合 工作 或 自己 最 感 兴趣 的 技术 ， 
并 用 科学 的 方法 潜 下 心 来 坚持 学 习 和 研究 ， 我 们 同样 也 可 以 成 为 大 
师 ! 


“大 师 牛 人 ， 宁 有 种 平 ? 


最 后 ， 我 要 感谢 博文 视点 的 编辑 赵 士 威 在 本 书 翻译 过 程 中 给 予 我 
们 的 莫大 帮助 。 还 有 周 移 老 师 ， 她 爽朗 的 笑 声 让 人 备 感 亲切 。 我 还 要 
感谢 我 的 同事 ， 来 自 美 国 NCSU 的 晓 人 荷 ， 是 博 采 中 外 的 她 给 我 建议 ， 
把 JavaScript 的 “好 、 中 、 坏 ”特性 翻译 为 更 贴切 的 精华、 鸡肋、 粳 
粕 ”。 当然， 家 中 的 领导 (负责 接管 稿费 ) 是 一 定 要 特别 感谢 的 。 相 信 
我 ， 如 果 你 身后 没有 一 位 善 解 人 意 的 女人 ， 还 是 不 要 去 做 翻译 的 好 。 


译 者 : 赵 泽 欣 (小 马 ) „ FES (RH) 


2008 年 11 月 于 杭州 城西 
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Preface 
要 是 有 所 得 罪 请 原谅 。 本 是 出 自 一 番 好 意 ， 
只 是 想 显 点 粗浅 技艺 ， 那 才 是 我 们 的 初 囊 。 


一 威廉 . 沙 士 比 亚 ，《 仲 夏 夜 之 梦 》 (A Midsummer Night's 


Dream) 


这 是 一 本 关于 JavaScript 编 程 语言 的 书 。 它 的 读者 是 那些 因为 偶然 
事件 或 好 奇 心 驱使 而 首次 冒险 进入 JavaScript 世 界 的 程序 员 。 它 也 是 为 
那些 有 着 JavaScript 入 门 经 验 但 准备 更 深入 了 解 这 门 语 言 的 程序 员 准 备 
的 。JavaScript 是 一 门 强大 得 令 人 惊讶 的 语言 。 它 有 时 会 不 按 常理 出 
牌 ， 但 是 作为 一 门 轻 量 级 的 语言 ， 它 是 易于 掌握 的 。 


本 书 的 目标 是 帮助 你 学 习 JavaScript 的 编程 思想 。 我 将 展示 这 门 语 
言 的 组 成 部 分 ， 并 且 让 你 逐步 上 手 ， 学 会 如 何 组 合 各 个 部 分 。 这 不 是 
一 本 参考 书 ， 它 不 会 对 这 门 语言 和 它 的 怪癖 进行 全 面 而 详尽 的 介绍 。 
它 不 包含 你 希望 知道 的 一 切 ， 那 些 东 西 你 很 容易 在 网 上 找到 。 反 之 ， 
这 本 书 仅 包 含 那些 真正 重要 的 东西 。 


这 本 书 不 是 写 给 初学 者 的 。 我 希望 某 天 写 一 本 叫 《JavaScript: 第 
一 阶段 ” (Javascript: The First Parts) 的 书 ， 但 是 此 书 非 彼 书 。 这 也 
不 是 一 本 关于 Ajax 或 Web 编 程 的 书 。 本 书 关 注 的 就 是 JavaScript， 它 只 
是 Web 开 发 者 必须 掌握 的 语言 之 一 。 


这 不 是 一 本 傻瓜 书 。 这 本 书 虽 然 溥 ， 但 知识 点 密集 ， 它 包括 了 大 
量 的 内 容 。 如 果 为 了 理解 它 而 不 得 不 反复 阅读 ， 请 别 诅 形 ， 你 的 付出 


将 会 有 所 回报 。 


本 书 的 约定 


Conventions Used in This Book 


本 书 使 用 下 列 排版 约定 。 
Ff (Italic) 

表示 专业 词汇 、 链 接 (URL) 、 文 件 名 和 文件 扩展 名 。 
等 宽 字 体 (Constant width) 


表示 广义 上 的 计算 机 编码 。 它 们 包括 命令 、 配 置 、 变 量 、 属 
性 、 键 、 请 求 、 遂 数 、 方 法 、 类 型 、 类 、 模 块 、 属 性 、 参 数 、 
值 、 对 象 、 事 件 、 事 件 处 理 程序 、XML 与 XHTML 标 签 、 宏 和 关 
键 字 。 


等 宽 粗 体 (Constant width bold) 
表示 应 该 由 用 户 按 照 字面 输入 的 命令 或 其 他 文本 。 


代码 用 例 
Using Code Examples 


这 本 书 是 为 了 帮助 你 做 好 工作 。 一 般 来 说 ， 你 可 以 在 程序 和 文档 
中 使 用 本 书 中 的 代码 。 你 无 须 联系 我 们 获取 许可 。 例 如 ， 使 用 来 目 本 
书 的 几 段 代码 写 一 个 程序 是 不 需要 许可 的 。 出 售 和 散布 OReilly 书 中 用 


例 的 光盘 (CD-ROM) 是 需要 许可 的 。 通 过 引用 本 书 和 用 例 代 码 来 回 
答 问 题 是 不 需要 许可 的 。 把 本 书 中 大 量 的 用 例 代 码 并 入 到 你 的 产品 文 
档 中 是 需要 许可 的 。 

我 们 赞赏 但 不 强求 注 明 信息 来 源 。 一 条 信息 来 源 通常 包括 标题 、 
作者 、 出 版 者 和 国际 标准 书号 (ISBN) 。 例 如 : “JavaScript: The 


Good Parts by Douglas Crockford. Copyright 2008 Yahoo! Inc., 978-0- 
596-51774-8.”。 


如 果 你 感到 对 示例 代码 的 使 用 超出 了 正当 引用 或 这 里 给 出 的 许可 
范围 ， 请 随时 通过 permissions@oreilly.com 联 系 我 们 。 


Safarie 在 线 图 书 


Safari” 如 果 你 在 你 最 喜爱 的 技术 图 书 的 封面 上 看 到 Safari® 联 机 从 
书 图 标 ， 那 意味 着 此 书 也 可 以 通过 O'Reilly Network Safari 
Bookshelf 在 线 获 取 。 


Safari 提 供 了 比 电子 书 更 好 的 解决 方案 。 它 是 一 个 虚拟 图 书馆 ， 让 
您 可 以 轻松 搜寻 成 和 上 万 的 顶尖 近 术 书籍 、 勇 切 和 粘贴 代码 样本 、 下 
载 某 些 章节 、 在 你 需要 最 准确 和 即时 的 信息 时 快速 找到 答案 。 免 费 试 
用 请 访问 http://safari.oreilly.como 


如 何 联 系 我 们 


How to Contact Us 


如 果 你 想 束 本 书 发 表 评 论 或 有 任何 疑问 ， 冤 请 联系 出 版 社 。 


美国 : 
O'Reilly Media, Inc. 
1005 Gravenstein Highway North 
Sebastopol , CA 95472 

中 国 : 


北京 市 西城 区 西直门 南大 街 2 号 成 铭 大 厦 C 座 807 室 
(100035) 


奥 羔 利 技术 咨询 (北京 ) ARAS 


我 们 将 为 本 书 提供 主页 ， 在 其 中 提供 勘误 表 、 示 例 及 其 他 附加 信 
读者 可 从 如 下 网 址 访问 : 


http://www.oreilly.com/catalog/9780596517748 
如 果 你 想 融 本 书 发 表 评论 或 提问 扩 术 问题 ， 请 发 送 E-mail 至 : 
bookquestions@oreilly.com 


天 于 我 们 的 书籍 、 会 议 、 资 源 中 心 和 O'Reilly 网 络 的 更 多 信息 请 登 


录 我 们 的 网 址 : 


http://www.oreilly.com/ 


致谢 


Acknowledgments 


感谢 那些 指出 我 的 很 多 严重 错误 的 审 稿 者 。 在 生活 中 ， 还 有 什么 
比 有 真正 聪明 的 人 指出 你 的 过 失 更 好 的 事情 呢 ? 更 好 的 是 他 们 赶 在 书 
出 版 之 前 做 了 这 个 事情 。 谢 谢 你 们 ，Steve Souders, Bill Scott. Julien 
Lecomte、Stoyan Stefanov、Eric Miraglia 和 Elliotte Rusty Harold。 


谢谢 那些 同 我 一 起 在 Electric Communities 和 State Software 工 作 并 
帮助 我 发 现 这 门 语言 实际 上 有 很 多 精华 的 人 人们， 特别 是 Chip 
Morningstar、Randy Farmer、John La、Mark Miller、 Scott Shattuck 和 
Bill Edneyo 


谢谢 雅虎 公司 (Yahoo! Inc.) ， 因 为 它 给 我 时 间 去 从 事 这 个 项 
目 ， 并 让 我 在 一 个 如 此 之 棒 的 地 方 工 作 ， 谢 谢 过 去 和 现在 在 Ajax 
Strike Force 的 所 有 成 员 。 我 也 要 谢谢 O'Reilly Media, Inc.， 尤 其 是 使 事 
情 变 得 如 此 顺利 的 Mary Treseler、Simon St.Laurent 和 Sumita Mukherji。 


特别 感谢 Lisa Drake 教 授 所 做 的 所 有 事情 。 同 时 ， 我 要 谢谢 那些 一 
直 为 使 ECMAScript 成 为 一 门 更 好 的 语言 而 奋斗 的 ECMA TC39 FAY 
伙计 们 。 


最 后 ， 谢 谢 Brendan Eich， 这 位 世界 上 最 被 误解 的 编程 语言 名 的 设 
计 者 ， 疫 有 他 ， 这 本 书 也 就 没有 必要 了 。 


(1) TC39 是 研究 JavaScript 语 言 进化 的 技术 委员 会 的 名 字 。 详 情 见 http:/www.ecma-interna- 
tional.org/memento/TC39.htmo 


(2) 本 书 作 者 曾 写 过 一 篇 文章 JavaScript: The World's Most Misunderstood Programming 
Language (http://javascript.crockford.com/javascript.html) 。 在 2008 年 的 3 月 3 日 他 又 写 了 一 篇 
The World's Most Misunderstood Programming Language Has Become the World's Most Popular 
Programming Language (http://javascript.crockford.com/popular.html) „ 


第 1 章 
精华 
Good Parts 


我 不 过 略 有 一 些 讨 人 喜欢 的 地 方 而 已 ， 怎 么 会 有 什 
么 迷人 的 魔力 ? 


一 一 威廉 :莎士比亚 ，《 温 莎 的 风流 女儿 们 》 (The Merry Wives of 
Windsor) 


当 我 还 是 一 个 初出 茅 庐 的 程序 员 时 ， 我 想 掌 握 自己 所 用 语言 的 每 
个 特性 。 我 写 程序 时 会 尝试 使 用 所 有 的 特性 。 我 认为 这 是 炫耀 的 好 方 
法 ， 而 我 也 的 确 出 了 不 少 风头 ， 因 为 我 对 各 个 特性 了 如 指 掌 ， 谁 有 问 


题 我 都 能 解 丛 。 


最 终 ， 我 认定 这 些 特 性 中 有 一 部 分 特性 融 来 的 麻烦 远 远 超出 它们 
的 价值 。 其 中 ， 一 些 特 性 因为 规范 很 不 完善 而 可 能 导致 可 移植 性 问 
题 ， 一 些 特 性 会 导致 代码 难以 阅读 或 修改 ， 一 些 特性 诱 使 我 奶 求 奇 技 
泽 巧 但 却 易于 出 错 ， 还 有 一 些 特性 就 是 设计 错误 。 有 时 候 语 言 的 设计 
者 也 会 犯错 。 

大 多 数 编程 语言 都 有 精华 和 粳 粕 。 我 发 现 如 果 取 其 精华 而 奔 其 粳 
粕 的 话 ， 我 可 以 成 为 一 个 更 好 的 程序 员 。 毕 竟 ， 用 坏 材料 怎么 能 做 出 
好 东西 呢 ? 


标准 委员 会 想 要 移 除 一 门 语言 中 的 缺陷 部 分 ， 这 几乎 是 不 可 能 
的 ， 因 为 这 样 做 会 损害 所 有 依赖 于 那些 糟粕 的 笨 脚 的 程序 。 除 了 在 已 


存在 的 一 大 推 缺陷 上 堆积 更 多 的 特性 ， 他 们 通 单 无 能 为 力 。 而 且 新 旧 
特性 并 不 总 是 能 和 谐 共处 ， 从 而 可 能 产生 出 更 多 的 糟粕 。 


但 是 ， 你 有 权力 定义 你 自己 的 子 集 。 你 完全 可 以 基于 精华 的 那 部 
分 去 编写 更 好 的 程序 。 


JavaScript 中 粳 粕 的 比重 超出 了 预料 。 它 一 诞生 ， 就 在 短 到 令 人 吃 
惊 的 时 间 里 被 全 世界 所 接受 。 它 从 来 没有 在 实验 室 里 被 试用 和 打磨 。 
当 它 还 非常 粗糙 时 ， 它 就 被 直接 集成 到 网 景 的 Navigator 2 浏览 器 中 。 
随 着 Java™™ 的 小 应 用 程序 (Java™applets) 的 失败 ，JavaScript 变 成 了 默 
认 的 “Web 语 言 "。 作 为 一 门 编程 语言 ，JavaScript 的 流行 几乎 完全 不 受 
它 的 质量 的 影响 。 


好 在 JavaScript 有 一 些 非 常 精 华 的 部 分 。 在 JavaScript 中 ， 美 丽 的 、 
优雅 的 、 富 有 表现 力 的 语言 特性 就 像 一 堆 珍 珠 和 鱼 目 混 杂 在 一 起 。 
JavaScript 最 本 质 的 部 分 被 深 深 地 隐藏 着 ， 以 至 于 多 年 来 对 它 的 主流 观 
点 是 : JavaScript 就 是 一 个 丑陋 的 、 没 用 的 玩具 。 本 书 的 目的 就 是 要 揭 
示 JavaScript 中 的 精华 ， 让 大 家 知道 它 是 一 门 杰 出 的 动态 编程 语言 。 
JavaScript 就 像 一 块 大 理 石 ， 我 要 剥落 那 些 不 好 的 特性 直到 这 门 语 言 的 
真实 本 质 自 我 显露 出 来 。 我 相信 我 精 雕 细 琢 出 来 的 优雅 子 集 大 大 地 优 
于 这 门 语言 的 整体 ， 它 更 可 靠 、 更 易 读 、 更 易于 维护 。 


这 本 书 不 打算 全 面 描述 这 门 语言 。 反 之 ， 它 将 专注 在 精华 部 分 ， 
同时 会 偶尔 警告 要 去 避免 糟粕 部 分 。 这 里 将 被 描述 的 子 集 可 以 用 来 构 
造 可 靠 的 、 易 读 的 程序 ， 无 论 规模 大 小 。 通 过 仪 专注 于 精华 部 分 ， 我 
们 就 可 以 缩短 学 习 时 间 ， 增 强健 壮 性 ， 并 且 还 能 拯救 一 些 树木 中。 


或 许 ， 只 学 习 精 华 的 最 大 好 处 就 是 你 可 以 不 必 头 痛 如 何 乓 记 糟 
粕 。 筷 掉 不 好 的 模式 是 非常 困难 的 。 这 是 一 个 非常 痛苦 的 工作 ， 我 们 
中 的 大 多 数 人 都 会 很 不 愿意 面 对 。 有 了 时候 ， 制 定语 言 的 子 集 是 为 了 让 
学 生 更 好 地 学 习 。 但 在 这 里 ， 我 制定 的 JavaScript 子 集 是 为 了 让 专业 人 
员 更 好 地 工作 。 


为 什么 要 使 用 JavaScript 
Why JavaScript? 


JavaScript 是 一 门 重 要 的 语言 ， 因 为 它 是 Web 浏 览 器 的 语言 。 它 与 
浏览 器 的 结合 使 它 成 为 世界 上 最 流行 的 编程 语言 之 一 。 同 时 ， 它 也 是 
世界 上 最 被 轻视 的 编程 语言 之 一 。 浏 览 器 的 API 和 文档 对 象 模型 

(DOM) 相当 糟糕 ， 连 累 JavaScript 遭 到 不 公平 的 指责 。 在 任何 语言 
处 理 DOM 都 是 一 件 痛苦 的 事情 ， 它 的 规范 制定 得 很 拙劣 并 且 实 现 互 不 
一 致 。 本 书 很 少 涉 及 DOM ， 我 认为 写 一 本 天 于 DOM 的 精华 的 书 就 像 
执行 一 项 不 可 能 完成 的 任务 。 


JavaScript 是 最 被 轻视 的 语言 ， 因 为 它 不 是 所 谓 的 主流 语言 
SOME OTHER LANGUAGE) 多。 如 果 你 擅长 某 些 主流 语言 ， 但 却 在 
一 个 只 支持 JavaScript 的 环境 中 编程 ， 那 么 被 迫使 用 JavaScript 的 确 是 相 
当 令 人 厌烦 的 。 在 这 种 情形 下 ， 大 多 数 人 觉得 没 必 要 先 去 学 好 
JavaScript， 但 结果 他 们 会 惊讶 地 发 现 ，JavaScript 跟 他 们 宁愿 使 用 的 主 
流 语言 有 很 大 不 同 ， 而 且 这 些 不 同 至 为 关键 。 


JavaScript 令 人 惊异 的 事情 是 ， 在 对 这 门 语言 没有 太 多 了 人 解 ， 甚 至 
对 编程 都 没有 太 多 了 解 的 情况 下 ， 你 也 能 用 它 来 完成 工作 。 它 是 一 门 


拥有 极 强 表达 能 力 的 语言 。 当 你 知道 要 做 什么 时 ， 它 还 能 表现 得 更 
好 。 编 程 是 很 困难 的 事情 。 绝 不 应 该 在 懂 懂 懂 懂 的 状态 下 开始 你 的 工 
作 。 


分 析 JavaScript 
Analyzing JavaScript 


JavaScript 建 立 在 一 些 非常 优秀 的 想法 和 少数 非常 糟 料 的 想法 之 
Ee 


那些 优秀 的 想法 包括 函数 、 弱 类 型 、 动 态 对 象 和 富有 表现 力 的 对 
象 字面 量 表示 法 。 那 些 糟 糕 的 想法 包括 基于 全 局 变量 的 编程 模型 。 


JavaScript 的 函数 是 (主要) 基于 词法 作用 域 (lexical scoping) © 
的 顶级 对 象 。JavaScript 是 第 一 个 成 为 主流 的 Lambda 归 语言。 实际 上 ， 
相对 于 Java 而 言 ，JavaScript 与 Lispta) 和 Scheme(9 有 更 多 的 共同 点 。 它 
是 披 着 C 外 衣 的 Lisp。 这 使 得 JavaScript 成 为 一 个 非常 强大 的 语言 。 


现今 大 部 分 编程 语言 中 都 流行 要 求 强 类 型 。 其 原理 在 于 强 类 型 允 
许 编译 器 在 编译 时 检测 错误 。 我 们 能 越 早 检测 和 修复 错误 ， 付 出 的 代 
价 就 越 小 。JavaScript 是 一 门 弱 类 型 的 语言 ， 所 以 JavaScript 编 译 器 不 能 
检测 出 类 型 错误 。 这 可 能 让 从 强 类 型 语言 转向 JavaScript 的 开发 人 员 感 
到 恐慌 。 但 事实 证 明 ， 强 类 型 并 不 会 让 你 的 测试 工作 变 得 轻松 。 而 且 
我 在 工作 中 发 现 ， 强 类 型 检查 找到 的 错误 并 不 是 令 我 头痛 的 错误 。 另 
一 方面 ， 我 发 现 弱 类 型 是 自由 的 。 我 无 须 建立 复杂 的 类 层次 ， 我 永远 
不 用 做 强制 造型 ， 也 不 用 疲 于 应 付 类 型 系统 以 得 到 想 要 的 行为 。 


JavaScript 有 非常 强大 的 对 象 字面 量 表示 法 。 通 过 列 出 对 象 的 组 成 
部 分 ， 它 们 就 能 简单 地 被 创建 出 来 。 这 种 表示 法 是 JSON 的 灵感 来 源 ， 
它 现 在 已 经 成 为 流行 的 数据 交换 格式 。 (附录 E 中 将 会 有 更 多 关于 
JSON 的 内 容 。) 


原型 继承 是 JavaScript 中 一 个 有 争议 的 特性 。JavaScript 有 一 个 无 类 
型 的 (class-free) 对 象 系统 ， 在 这 个 系统 中 ， 对 象 直接 从 其 他 对 象 继 
承 属 性 。 这 真 的 很 强大 ， 但 是 对 那些 被 训练 使 用 类 去 创建 对 象 的 程序 
员 们 来 说 ， 原 型 继承 是 一 个 陌生 的 概念 。 如 果 你 尝试 对 JavaScript 直 接 
应 用 基于 类 的 设计 模式 ， 你 将 会 遭受 挫折 。 但 是 ， 如 果 你 学 会 了 自如 
地 使 用 JavaScript 原 型 ， 你 的 努力 将 会 有 所 回报 。 


JavaScript 在 关键 思想 的 选择 上 饱 受 非议 。 虽 然 在 大 多 数 情况 下 ， 
这 些 选择 是 合适 的 。 但 是 有 一 个 选择 相当 糟糕 : JavaScript 依 赖 于 全 局 
变量 来 进行 连接 。 所 有 编译 单元 的 所 有 顶级 变量 被 撮合 到 一 个 被 称 为 
全 局 对 象 (the global object) 的 公共 命名 空间 中 。 这 是 一 件 糟糕 的 事 
情 ， 因 为 全 局 变量 是 魔 披 ， 但 它们 在 JavaScript 中 却 是 基础 。 乎 好， 我 
们 接 下 来 会 看 到 ，JavaScript 也 给 我 们 提供 了 缓解 这 个 问题 的 处 理 方 
法 5 


在 某 些 情况 下 ， 我 们 可 能 无 法 忽略 糟粕 ， 还 有 一 些 毒瘤 难以 避 
免 ， 当 涉及 这 些 部 分 时 ， 我 会 将 它们 指出 来 。 它 们 也 被 总 结 在 附录 A 
中 。 但 是 我 们 将 成 功 地 避免 本 书 中 提 到 的 大 多 数 糟粕 ， 它 们 中 的 大 部 
分 被 总 结 在 附录 B 中 。 如 果 你 想 学 习 那 些 糟 粕 ， 以 及 如 何 拙劣 地 使 用 
它们 ， 请 参阅 任何 其 他 的 JavaScript 书 籍 。 


《ECMAScript 编 程 语言 》 第 3 版 定义 了 JavaScript (又 称 JScript) 
的 标 准 ， E 可 以 从 htp:Mwwwecmna- 


international.org/publications/files/ecma-st/ECMA-262.pdf3k 1% & = FF 
描述 的 是 ECMAScript 的 一 个 特定 的 子 集 。 本 书 并 不 描述 整个 语言 ， 因 
为 它 排除 了 糟粕 的 部 分 。 这 里 排除 得 也 许 并 不 彻底 ， 回 避 了 一 些 极端 
情况 。 你 也 应 该 这 样 ， 走 极端 只 会 带 来 风险 和 苦恼 。 附 录 C 描 述 了 一 
个 叫 JSLint 的 编程 工具 ， 它 是 一 个 JavaScript 解 析 器 ， 它 能 分 析 
JavaScript 问 题 并 报告 它 包含 的 缺点 。JSLint 提 出 了 比 一 般 的 JavaScript 
开发 更 严格 的 要 求 。 它 能 让 你 确信 你 的 程序 只 包含 精华 部 分 。 


JavaScript 是 一 门 反 差 鲜 明 的 语言 。 它 包含 很 多 错误 ， 而 且 多 刺 ， 
所 以 你 可 能 会 疑惑 :“ 为 什么 我 要 使 用 JavaScript? ”有 两 个 答案 。 第 一 
个 是 你 没有 选择 。Web 已 变 成 一 个 重要 的 应 用 开发 平台 ， 而 JavaScript 
是 唯一 一 门 所 有 浏览 器 都 可 以 识别 的 语言 。 很 不 乎 ，Java 在 浏览 器 环 
境 中 失败 了 ， 否 则 想 用 强 类 型 语言 的 人 就 有 其 他 选择 。 但 是 Java 确 实 
失败 了 ， 而 JavaScript 仍 在 过 勃 发 展 ， 这 恰恰 说 明 JavaScript 确 有 其 过 人 
之 处 。 


另 一 个 答案 是 ， 尽 管 JavaScript 有 缺陷 ， 但 是 它 真 的 很 优秀 。 它 既 
轻 量 级 又 富有 表现 力 。 并 且 一 旦 你 熟练 掌握 了 它 ， 就 会 发 现 冰 数 式 编 
旦 是 一 件 很 有 趣 的 事 。 

但 是 为 了 更 好 地 使 用 这 门 语言 ， 你 必须 知道 它 的 局 限 。 我 将 会 
情 地 揭示 它们 ， 不 要 因此 而 气 馆 。 这 门 语言 的 精华 足以 弥补 它 的 糟 
tHo 


一 个 简单 的 试验 场 
A Simple Testing Ground 


如 果 你 有 一 个 Web 浏 览 器 和 任意 一 个 文本 编辑 器 ， 那 么 你 就 有 了 
运行 JavaScript 程 序 所 需要 的 一 切 。 首 先 ， 请 创建 一 个 HTML 文 件 ， 起 
个 名 字 ， 比 如 program.html: 


<html><body><pre><script src="program.js"> 


</script></pre></body></html> 


接 下 来 ， 在 同一 个 文件 夹 肉 ， 创 建 一 个 脚本 文件 ， 比 如 起 名 为 


program.js: 


document.writeln('Hello, world!'); 


下 一 步 ， 用 你 的 浏览 器 打开 你 的 HTML 文 件 查 看 结果 。 本 书 贯 彻 
始终 都 会 用 到 一 个 method 方 法 去 定义 新 方法 。 下 面 是 它 的 定义 : 


Function.prototype.method = function (name, func) { 
this.prototype[name] = func; 


return this; 


(1) 作者 这 里 幽默 地 暗示 这 本 书 只 关注 精华 部 分 ， 所 以 书 变 薄 了 ， 用 的 纸张 少 了 ， 就 可 以 
少 砍 伐 一 些 树 木 。 


(2) SS- E MBS, HRC. C++. Java, Perl, Python. 

(3) JavaScript 中 的 函数 是 根据 词法 来 划分 作用 域 的， 而 不 是 动态 划分 作用 域 的 。 具 体内 容 
参见 《JavaScript 权 威 指南 》 中 译 第 5 版 相关 章节 一 一 “8.8.1 词 法 作用 域 ”。 

(和 Lambda 演 算是 一 套用 于 研究 孙 数 定义 、 函 数 应 用 和 递归 的 形式 系统 。 它 对 函数 式 编 程 
有 巨大 的 影响 ， 比 如 Lisp 语 言 、ML 语 言 和 Haskell 语 言 。 更 多 详细 内 容 请 参见 
http://zh.wikipedia.org/wiki/A7B Ro 

(5) Lisp (全 名 LISt Processor， 即 链表 处 理 语 言 ) ， 是 由 约翰 麦卡锡 在 1960 年 左右 创造 的 
一 种 基于 和 演算 的 水 数 式 编程 语言 。 更 多 详细 内 容 请 参见 http://zh.wikipedia.org/wiki/Lisp。 

(6) Scheme， 一 种 多 范 型 的 编程 语言 ， 它 是 两 种 Lisp 主 要 的 方言 之 一 。 更 多 详细 内 容 请 见 
http://zh.wikipedia.org/wiki/Schemeo 


(7) 本 书 作 者 也 是 JSON (Javascript Object Notation) 的 创立 者 。 官 方 网 站 中 文 版 网 址 是 
http://json.org/json-zh.htmlo 


第 2 章 


Ac 
ta? 
Grammar 
我 很 熟悉 它 ， 早 就 在 文法 书 上 念 过 了 。 


一 一 威廉 :莎士比亚 ，《 泰 特 斯 : 安 德 洛 尼克 斯 》 (The Tragedy of 


Titus Andronicus) 


本 章 介 绍 JavaScript 的 精华 部 分 的 语法 ， 并 简要 地 概述 其 语言 结 
构 。 我 们 将 用 铁路 图 (railroad diagram) (来 表示 该 语法 。 


理解 这 些 图 的 规则 很 简单 。 


。 从 左边 界 开始 ， 沿 着 轨道 到 右边 界 。 

。 沿途 ， 你 在 圆 框 中 遇 到 的 是 字面 量 ， 在 方块 中 遇 到 的 是 规则 或 描 
述 。 

。 任何 沿 着 轨道 能 走 通 的 序列 都 是 合法 的 。 

。 任何 不 能 疝 着 轨道 走 通 的 序列 都 是 非法 的 。 

。 末端 只 有 一 个 坚 条 的 铁路 图 ， 表 示人 允许 在 任意 一 对 符号 中 间 插 入 
空 日 。 而 在 末端 有 两 


个 竖 条 的 铁路 图 则 不 允许 。 


在 本 章 中 所 展示 的 精华 部 分 的 语法 明显 比 整个 语言 的 语法 简单 得 
多 。 


空 日 
Whitespace 


空白 可 能 表现 为 被 格式 化 的 字符 或 注释 的 形式 。 空 白 通常 没有 意 
义 ， 但 是 有 时 候 必 须要 用 它 来 分 隔 字 符 序列 ， 否 则 它们 就 会 被 合并 成 
一 个 符号 。 例 如 ， 对 如 下 代码 来 说 : 


var that = this; 


var 和 that 之 间 的 空格 是 不 能 移 除 的 ， 但 是 其 他 的 空格 都 可 以 移 
除 。 


whitespace 


— 


except line end 


JavaScript 提 供 两 种 注释 形式 ， 一 种 是 用 /* */ 包 围 的 块 注释 ， 另 一 
种 是 以 /为 开头 的 行 注释 。 注 释 应 该 被 优先 用 来 提高 程序 的 可 读 性 。 


请 注意 ， 注 释 一 定 要 精确 地 描述 代码 。 没 有 用 的 注释 比 没有 注释 更 粳 
iio 


用 /* */ 包 围 的 块 注释 形式 来 自 于 一 门 叫 PL/1% 的 语言 。PL/I 选 择 那 
些 不 常见 的 符号 对 作为 注释 的 符号 标志 ， 因 为 除了 可 能 出 现在 字符 串 
字面 量 里 之 外 ， 它 们 不 大 可 能 在 这 门 语言 的 程序 中 出 现 。 在 JavaScript 
中 ， 那 些 字符 对 也 可 能 出 现在 正则 表达 式 字 面 量 里 ， 所 以 块 注释 对 于 
被 注释 的 代码 块 来 说 是 不 安全 的 。 例 如 : 


, * 
var rm_a = y a“* / match (Ss); 
*/ 
上 面 的 注释 导致 了 一 个 语法 错误 。 所 以 ， 我 建议 避免 使 用 /* */ 注 
释 ， 而 用 /注释 代替 它 。 在 本 书 中 ， 只 会 使 用 /注释 。 


标识 得 
Names 


标识 符 由 一 个 字母 开头 ， 其 后 可 选择 性 地 加 上 一 个 或 多 个 字母 、 
数字 或 下 画 线 。 标 识 符 不 能 使 用 下 面 这 些 保留 字 : 


abstract 
boolean break byte 


case catch char class const continue 


debugger default delete do double 

else enum export extends 

false final finally float for function 

goto 

if implements import in instanceof int interface 
long 

native new null 

package private protected public 

return 

short static super switch synchronized 

this throw throws transient true try typeof 
var volatile void 


while with 


name 


在 这 个 列表 中 的 大 部 分 保留 字 尚 未 用 在 这 门 语言 中 。 这 个 列表 不 
包括 一 些 本 应 该 被 保留 而 没有 保留 的 字 ， NaN 和 
Infinity. JavaScript 不 允许 使 用 保留 字 来 命名 变量 或 参数 。 更 糟糕 的 
是 ，JavaScript 不 允许 在 对 象 字面 量 中 ， 或 者 用 点 运算 符 提 取 对 象 属性 
时 ， 使 用 保留 字 作为 对 象 的 属性 名 。 


标识 符 被 用 于 语句 、 变 量 、 参 数 、 属 性 名 、 运 算 符 和 标记 。 


数字 


Numbers 


number literal — — 
| integer _| | exponent | 


JavaScript 只 有 一 个 数字 类 型 。 它 在 内 部 被 表示 为 64 位 的 浮 点 数 ， 
和 Java 的 double 数 字 类 型 一 样 。 与 其 他 大 多 数 编程 语言 不 同 的 是 ， 它 没 
有 分 离 出 整数 类 型 ， 所 以 1 和 1.0 的 值 相同 。 这 提供 了 很 大 的 方便 ， 
为 它 完全 避免 了 短 整 型 的 溢出 问题 ， 你 只 需要 知道 它 是 一 种 数字 。 这 
避免 了 一 大 堆 因数 字 类 型 导致 的 错误 。 


© 


integer 


except 


fraction 


© 
2 
exponent pu 
© © | digit _| 
Lo] 8 on 


如 果 一 个 数字 字面 量 有 指数 部 分 ， 那 么 这 个 字面 量 的 值 等 于 e 之 前 


的 数字 与 10 的 e 之 后 数字 的 次 方 相 乘 。 所 以 100 和 1e2 是 相同 的 数字 。 


负数 可 以 用 前 置 运 算 符 -加 数字 构成 。 


NaN 是 一 个 数值 ， 它 表示 一 个 不 能 产生 正常 结果 的 运算 结果 。 
NaN 不 等 于 任何 值 ， 包 括 它 自己 。 你 可 以 用 函数 isNaN(numbem 检 测 
NaNo 


Infinity 表 示 所 有 大 于 1.79769313486231570e+308 的 值 。 


数字 拥有 方法 (参见 第 8 章 ) „ Javascript -N NR Math, E 
含 一 套 作用 于 数字 的 方法 。 例 如 ， 可 以 用 Math.floor(number) 方 法 把 一 
个 数字 转换 成 一 个 整数 。 


字符 串 


Strings 


字符 串 字 面 量 可 以 被 包 在 一 对 单 引号 或 双 引 号 中 ， 它 可 能 包含 0 个 
或 多 个 字符 。\ ( 反 和 斜 线 符号 ) 是 转 义 字符 。JavaScript 在 被 创建 的 时 
候 ，Unicode 是 一 个 16 位 的 字符 集 ， 所 以 JavaScript 中 的 所 有 字符 都 是 
16 位 的 。 


JavaScript 没 有 字符 类 型 。 要 表示 一 个 字符 ， 只 需 创建 仪 包含 一 个 
字符 的 字符 串 即 可 。 


string literal 


| any Unicode character except | 
i " and \ and control character š 


EE any Unicode character except | 
i and \ and control character y 


escaped character 


Q double quote 


561: 
wW 
© formfeed 


O 


© 
(u) 4 hexadecimal digits 


转 义 字符 用 来 把 那些 正常 情况 下 不 被 允许 的 字符 插入 到 字符 串 
中 ， 比 如 反 斜 线 、 引 号 和 控制 字符 。\u 约 定 用 来 指定 数字 字符 编码 。 


"A" 二 二 二 "\u0041" 


字符 串 有 一 个 langth 属 性 。 例 如 ，"seven".length 是 5。 


字符 串 是 不 可 变 的 。 一 旦 字符 串 被 创建 ， 就 永远 无 法 改变 它 。 但 
你 可 以 很 容易 地 通过 + 运算 符 连 接 其 他 字符 串 来 创建 一 个 新 字符 串 。 
两 个 包含 着 完全 相同 的 字符 且 字 符 顺 序 也 相同 的 字符 串 被 认为 是 相同 
的 字符 串 。 所 以 : 

CC + tat + 't' === cat 

Strueo 


字符 串 有 一 些 方法 (参见 第 8 章 ) : 


"Cat ' .toUpperCase( ) === CAT 


语句 
Statements 


var statements 


— 


一 个 编译 单元 包含 一 组 可 执行 的 语句 。 在 web 浏览 器 中 ， 每 个 
<script> 标 签 提供 一 个 被 编译 且 立 即 执行 的 编译 单元 。 因 为 缺少 链接 器 


由 ，JavaScript 把 它们 一 起 抛 到 一 个 公共 的 全 局 名 字 空间 中 。 附 录 A 有 
更 多 关于 全 局 变量 的 内 容 。 


当 var 语 名 被 用 在 阔 数 内 部 时 ， 它 定义 的 是 这 个 永 数 的 私有 变量 。 


switch, while, for 和 do 语句 允许 有 一 个 可 选 的 前 置 标签 
(label) ， 它 配合 break 语 句 来 使 用 。 


语句 通 音 按照 从 上 到 下 的 顺序 被 执行 。JavaScript 可 以 通过 条 件 语 
句 (if FI switch) 、 循 环 语 句 (while、for 和 do) 、 强 制 跳 转 语句 
(break、retum 和 throw) 和 遂 数 调用 来 改变 执行 序列 。 


代码 块 是 包 在 一 对 花 括 号 中 的 一 组 语句 。 不 像 许 多 其 他 语言 ， 
JavaScript 中 的 代码 块 不 会 创建 新 的 作用 域 ， 因 此 变量 应 该 被 定义 在 涪 
数 的 头 部 ， 而 不 是 在 代码 块 中 。 


if 语 句 根 据 表 达 式 的 值 改 变 程 序 流程 。 表 达 式 的 值 为 真 时 执行 跟 
在 其 后 的 代码 块 ， 否则 ， 执行 可 选 的 else 分 支 。 


statements 


fo 


disruptive statement 


下 面 列 出 的 值 被 当做 假 (falsy) : 


false 
null 


undefined 
SSR 


。 数 字 0 
数字 NaN 


其 他 所 有 的 值 都 被 当做 真 ， 包 括 true、 字 符 串 "false"， 以 及 所 有 的 
对 象 。 


switch statement 


case clause 
i disruptive al 


statement 


switch 语 句 执 行 一 个 多 路 分 支 。 它 把 其 表达 式 的 值 和 所 有 指定 的 
case 条 件 进行 匹配 。 其 表达 式 可 能 产生 一 个 数字 或 字符 串 。 当 找到 一 
个 精确 的 匹配 时 ， 执 行 匹 配 的 case 从 句 中 的 语句 。 如 果 没 有 找到 任何 
匹配 ， 则 执行 可 选 的 default 语 句 。 


case clause 


一 个 case 从 名 包含 一 个 或 多 个 case 表 达 式 。case 表 达 式 不 一 定 必 须 
是 常量 。 要 防止 继续 执行 下 一 个 case，case 从 句 后 应 该 跟随 一 个 强制 跳 
转 语句 。 你 可 以 用 break 语 句 退 出 switch 语 句 。 


while statement 


Grii) —O— opreson JOH block ] 


while 语 句 执 行 一 个 简单 的 循环 。 如 果 表达 式 值 为 假 ， 就 终止 循 
环 。 而 当 表 达 式 值 为 真 时 ， 代 码 块 被 执行 。 


for 语 句 是 一 个 结构 更 复杂 的 循环 语句 。 它 有 两 种 形式 。 


常见 的 形式 由 3 个 可 选 从 名 控制 : 初始 化 从 句 (initialization) 、 
RMI (condition) 和 增 量 从 旬 (increment) 。 首 先 ， 执 行 
condition ， 它 的 作用 通常 是 初始 化 循环 变量 。 接 着 ， 计 算 condition 的 
值 。 典 型 的 情况 是 它 根据 一 个 完成 条 件 检 测 循环 变量 。 如 果 condition 
被 省 略 掉 ， 则 假定 返回 的 条 件 是 真 。 如 果 condition 的 值 为 假 ， 那 么 循 
环 将 终止 。 否 则 ， 执 行 代 码 块 ， 然 后 执行 increment， 接 着 循环 会 重复 
执行 condition。 


for statement 3 
initialization 
expression statement 
p expression statement i 


variable 


expression 


另 一 种 形式 (被 称 为 for in 语 句 ) 会 枚 举 一 个 对 象 的 所 有 属性 名 
(或 键 名 ) 。 在 每 次 循环 中 ，object 的 下 一 个 属性 名 字符 串 被 赋值 给 


variableo 


通常 你 需要 检测 object.hasOwnProperty(variable) 来 确定 这 个 属性 名 
是 该 对 象 的 成 员 ， 还 是 来 自 于 原型 链 。 


for (myvar in obj) { 


if (obj.hasOwnProperty(myvar)) { 


— 


do statement 


CoH toa ani [expression O © 


do 语句 就 像 while 语 句 ， 唯 一 的 区 别 是 它 在 代码 块 执行 之 后 而 不 是 
之 前 检测 表达 式 的 值 。 这 就 意味 着 代码 块 至 少 要 执行 一 次 。 


try statement variable 


ER) [Block Cath) CL name |) [rior] 


try 语 句 执行 一 个 代码 块 ， 并 捕获 该 代码 块 抛 出 的 任何 异常 。catch 
从 句 定义 一 个 新 的 变量 variable 来 接收 抛 出 的 异常 对 象 。 
throw statement 


O 


throw H- o A throwE NT - tryfc HHN, AB 
nt Nb catch He A throw HEN, NN 
用 被 放弃 ， 控 制 流 跳 转 到 调用 该 函数 的 try 语 句 的 catch 从 句 中 。 


throw 语 句 中 的 表达 式 通常 是 一 个 对 象 字面 量 ， 它 包含 一 个 name 属 
性 和 一 个 message 属 性 。 异 常 捕 获 器 可 以 使 用 这 些 信息 去 决定 该 做 什 


pg 
Zo 
& 


return 语 句 会 导致 从 函数 中 提前 返回 。 它 也 可 以 指定 要 被 返回 的 
值 。 如 果 没 有 指定 返回 表达 式 ， 那 么 返回 值 是 undefined。 


JavaScript 不 允许 在 return 关 键 字 和 表达 式 之 间 换 行 。 
TS M | 
break 语 句 会 使 程序 退出 一 个 循环 语句 或 switch 语 句 。 它 可 以 指定 
一 个 可 选 的 标签 ， 那 退出 的 就 是 带 该 标签 的 语句 。 


JavaScript 不 允许 在 break 关 键 字 和 标签 之 间 换 行 。 


expression statement 


一 个 expression 语 句 可 以 给 一 个 或 多 个 变量 或 成 员 赋 值 ， 或 者 调用 
一 个 方法 ， 或 者 从 对 象 中 删除 一 个 属性 。 运 算 符 = 被 用 于 赋值 ， 不 要 
把 它 和 恒 等 运算 符 === 混 奖 起 来 。 运 算 符 += 可 以 用 于 加 法 运算 或 连接 
字符 串 。 


FIAT 


Expressions 


expression 


expression infix operator expression 
img expression Py expression a 


expression 
expression 


refinement 


最 简单 的 表达 式 是 字面 量 值 〈 比 如 字符 串 或 数字 ) . BS. AS 
的 值 (true、false、null、undefined、NaN 和 Infinity) 、 以 new 开 头 的 
调用 表达 式 、 以 delete 开 头 的 属性 提取 表达 式 、 包 在 圆 括号 中 的 表达 
式 、 以 一 个 前 置 运算 符 作 为 前 导 的 表达 式 ， 或 者 表达 式 后 面 跟着 : 


。 一 个 中 置 运算 符 与 另 一 个 表达 式 ; 

。 三 元 运算 符 ? 后 面 跟着 另 一 个 表达 式 ， 然 后 接 一 个 :， 再 然后 接 第 3 
TRIAR; 

— SBE AB ; 

一 个 属性 提取 表达 式 。 


三 元 运算 符 ?* 有 3 个 运算 数 。 如 果 第 1 个 运算 数值 为 真 ， 产 生 第 2 个 
运算 数 的 值 。 但 如 果 第 1 个 运算 数值 为 假 ， 则 产生 第 3 个 运算 数 的 值 。 


在 排列 运算 符 优先 级 的 表 2-1 中 ， 排 在 越 上 面 的 运算 符 优 先 级 越 
高 。 它 们 的 结合 性 中 最 强 。 排 在 越 下 面 的 运算 符 优先 级 越 低 。 圆 括号 
可 以 用 来 改变 正常 情况 下 的 优先 级 ， 所 以 : 


2 +3 * 5 === 17 
(2 + 3) * 5 === 25 


2-1: 运算 符 优 先 级 


110 提取 属性 与 调用 函数 
delete new typeof+-! 一 元 运算 符 

*/% FOE. BRE, RRO 

i 加 法 /连接 、 减 法 
&gt;= <= &gt; 不 等 式 运 算 符 

等 式 运 算 符 

&& 逻辑 与 

] 逻辑 或 


prefix operator 
type of 


2 


logical not 


typeof 运 算 10 产 生 的 值 
numbers string! boolean undefined function A objects MN 
算数 是 一 个 数组 或 null， 那 么 结果 是 'object ， 这 其 实 是 不 对 的 。 第 6 章 
和 附录 人 A 将 会 有 更 多 关于 typeof 的 内 容 。 


如 果 ! 的 运算 数 的 值 为 真 ， 那 么 产生 false， 否 则 产生 true。 


+ 运算 符 可 以 进行 加 法 运算 或 字符 串 连 接 。 如 果 你 想 要 的 是 加 法 
运算 ， 请 确保 两 个 运算 数 都 是 数字 。 


/运算 符 可 能 会 产生 一 个 非 整 数 结果 ， 即 使 两 个 运算 数 都 是 整数 。 


如 果 第 1 个 运算 数 的 值 为 假 ， 那 么 运算 符 && 产 生 它 的 第 1 个 运算 
效 的 值 ， 否 则 产生 第 2 个 运算 效 的 值 。 


infix operator 


logical or 


CID 
greater or equal 
z cS 
(iss) 


如 果 第 1 个 运算 数 的 值 为 真 ， 那 么 运算 符 | 产生 第 1 个 运算 数 的 值 ， 
否则 产生 第 2 个 运算 数 的 值 。 


© ian O 
Q 


国 数 调用 5 引 友 函数 的 执行 。 六 效 调用 运算 符 是 跟随 在 国 数 名 后 面 
的 一 对 圆 括号 。 圆 括号 中 可 能 包含 传递 给 这 个 函数 的 参数 。 第 4 和 章 将 会 
有 更 多 关于 阔 数 的 内 容 。 


refinement 


HR 
DH resin O 


一 个 属性 存 取 表 达 式 用 于 指定 一 个 对 象 或 数组 的 属性 或 元 素 。 下 
一 章 我 将 详细 描述 它 。 


. 
字面 量 
Literals 

对 象 字面 量 是 一 种 可 以 方便 地 按 指 定 规格 创建 新 对 象 的 表示 法 。 
属性 名 可 以 是 标识 符 或 字符 串 。 这 些 名 字 被 当做 字面 量 名 而 不 是 变量 


名 来 对 待 ， 所 以 对 象 的 属性 名 在 编译 时 才能 知道 。 属 性 的 值 就 是 表达 
式 。 下 一 章 会 有 更 多 关于 对 象 字面 量 的 内 容 。 


literal 


number literal 


3 
f= a 


1 


regexp literal 


Crime O 
| string | 


2 


数组 字面 量 是 一 种 可 以 方便 地 按 指定 规格 创建 新 数组 的 表示 法 。 


第 6 章 会 有 更 多 关于 数组 字面 量 的 内 容 。 
regexp literal 
a O lo! m 网 


第 7 章 会 有 更 多 关于 正则 表达 式 的 内 容 。 


N 


Functions 


function literal | si 
nome Function body 


parameters 


function body 


QH varstatements H statements 人 


国 数字 面 量 定 义 了 函数 值 。 它 可 以 有 一 个 可 选 的 名 字 ， 用 于 递归 
地 调用 自己 。 它 可 以 指定 一 个 参数 列表 ， 这 些 参 数 就 像 变量 一 样 ， 在 
调用 时 由 传递 的 实际 参数 (argument) 初始 化 。 函 数 的 主体 包括 变量 
定义 和 语句 。 第 4 章 会 有 更 多 关于 阔 数 的 内 容 。 


(1) 铁路 图 ， 又 叫 语法 图 (syntax diagrams) ， 是 一 种 表示 形式 语法 的 方式 ， 是 巴 科斯 范 
式 和 扩展 巴 科 斯 范式 的 图 形 化 表示 。 更 多 详细 内 容 请 见 
http://en. wikipedia. org/wiki/Syntax_diagramo 

(2) PL/I, Sprogramming Language One 的 简写 。 当 中 的 “I” 其 实 是 罗马 数字 的 “一 *。 它 是 
一 种 IBM 公 司 在 19 世 纪 50 年 代 发 明 的 第 三 代 高 级 编程 语言 ， 有 些 类 似 PASCAL 语 言 。 更 多 详细 
内 容 请 见 http://zh.wikipedia.org/wiki/PL/T。 


(J) JavaScript 规 范 中 ， 标 识 符 除 字符 外 ， 还 允许 以 下 画 线 (_) 和 美元 符 ($) 开头 。 但 本 
书 作者 描述 的 是 他 认为 的 JavaScript 精 华 应 该 遵循 的 规范 ， 含 有 作者 个 人 主观 品味 。 关 于 
JavaScript 标 识 符 的 更 多 内 容 ， 请 参考 《JavaScript 权 威 指南 》 语 言 核心 部 分 。 


(4) 链接 器 (Linker) 是 编程 语言 或 操作 系统 提供 的 工具 ， 它 的 工作 就 是 解析 未 定义 的 符 
号 引用 ， 将 目标 文件 中 的 占 位 符 替 换 为 符号 地 址 。 具 体 参 见 http://zh.wikipedia.org/wiki/ 链 接 
880 


(5) 在 编程 语言 中 ， 结 合 性 (associativity) 是 操作 符 在 没有 圆 括号 分 组 的 情况 下 决定 其 优 
先 级 的 一 种 属性 。 它 可 能 是 从 左 向 右 结 合 (left-associative) 、 从 右 向 左 结合 (right- 
associative) 或 无 结合 。 比 如 加 运算 符 的 结合 性 是 从 左 向 右 ， 而 一 元 运算 符 、 赋 值 运算 符 及 三 
元 条 件 运算 符 的 结合 性 是 从 右 向 左 。 关 于 更 多 的 运算 符 结 合 性 的 信息 ， 请 参阅 


http://en.wikipedia.org/wiki/Operator_associativity 或 《JavaScript 权 威 指南 》 中 译 第 5 版 的 章节 
一 一 “5.2.4 运 算 符 的 结合 性 ”。 

(6) 在 JavaScript 语 言 里 “%”* 不 是 通常 数学 意义 上 的 模 运 算 ， 而 实际 上 是 “ 求 余 * 运 算 。 两 个 
运算 数 都 为 正 数 时 ， 求 模 运 算 和 求 余 运算 的 值 相同 ;两 个 运算 数 中 存在 负数 时 ， 求 模 运 算 和 
求 余 运算 的 值 则 不 相同 。 求 模 运 算 的 详细 原理 请 参考 
http://en.wikipedia.org/wiki/Modulo_operation。 你 还 可 以 从 StackOverflow 里 找到 精彩 的 解答 : 
http://stackoverflow.com/questions/4467539/javascript-modulo-not-behavingo 


第 3 章 
WR 
Objects 


对 于 丑陋 的 事物 ， 爱 会 闭 目 无 视 。 


一 一 威廉 :莎士比亚 ，《 维 洛 那 二 绅士 》 (The Two Gentlemen of 


Verona) 


JavaScript 的 简单 数据 类 型 包括 数字 、 字 符 串 、 布 尔 值 (true 和 
false) 、null 值 和 undefined 值 。 其 他 所 有 的 值 都 是 对 象 。 数 字 、 字 符 串 
和 布尔 值 “ 貌 似 ” 对 象 ， 因 为 它们 拥有 方法 ， 但 它们 是 不 可 变 的 。 
JavaScript 中 的 对 象 是 可 变 的 键 控 集 合 (keyed collections) . 
JavaScript 中 ， 数 组 是 对 象 ， 函 数 是 对 象 ， 正 则 表达 式 是 对 象 ， 当 然 ， 
对 象 自然 也 是 对 象 。 


对 象 是 属性 的 容器 ， 其 中 每 个 属性 都 拥有 名 字 和 值 。 属 性 的 名 字 
可 以 是 包括 空 字符 串 在 内 的 任意 字符 串 。 属 性 值 可 以 是 除 undefined 值 
之 外 的 任何 值 。 


JavaScript 里 的 对 象 是 无 类 型 (class-free) 的 。 它 对 新 属性 的 名 字 
和 属性 的 值 没 有 限制 。 对 象 适 合用 于 汇集 和 管理 数据 。 对 象 可 以 包含 
其 他 对 象 ， 所 以 它们 可 以 容易 地 表示 成 树 状 或 图 形 结构 。 


JavaScript 包 含 一 种 原型 链 的 特性 ， 人 允许 对 象 继承 另 一 个 对 象 的 属 
性 。 正 确 地 使 用 它 能 减少 对 象 初 始 化 时 消耗 的 时 间 和 内 存 。 


对 象 子 面 量 


Object Literals 


WRF HM ste th T fh dE EH ff RK — A 
对 象 子 面 量 就 是 包围 在 一 对 花 括号 中 的 零 或 多 个 “名 / 值 ? 对 。 对 象 字 面 
量 可 以 出 现在 任何 允许 表达 式 出 现 的 地 方 。 


var empty_object = {}; 


var stooge = { 
"first-name": "Jerome", 
"last-name": "Howard" 


}; 


属性 名 可 以 是 包括 空 字符 串 在 内 的 任何 字符 串 。 在 对 象 字 面 量 
中 ， 如 果 属 性 名 是 一 个 合法 的 JavaScript 标 识 符 且 不 是 保留 字 ， 则 并 不 
强制 要 求 用 引号 括 住 属性 名 。 所 以 用 引号 括 住 "first-name" 是 必需 的 ， 
但 是 否 括 住 first_name 则 是 可 选 的 4。 喜 号 用 来 分 隔 多 个 “名 / 值 >? 对 。 


属性 的 值 可 以 从 包括 另 一 个 对 象 字 面 量 在 内 的 任意 表达 式 中 获 
Fo WREEK: 


var flight = { 
airline: "Oceanic", 


number: 815, 


departure: { 
IATA: "SYD", 
time: "2004-09-22 14:55", 
city: "Sydney" 
ty 
arrival: { 
IATA: "LAX", 
time: "2004-09-23 10:42", 


city: "Los Angeles" 


}; 


检索 


Retrieval 


要 检索 对 象 里 包含 的 值 ， 可 以 采用 在 [ ] 后 缀 中 括 住 一 个 字符 串 表 
达 式 的 方式 。 如 果子 符 串 表达 式 是 一 个 字符 串 字 面 量 ， 而 且 它 是 一 个 
合法 的 JavaScript 标 识 符 且 不 是 保留 字 ， 那 么 也 可 以 用 .表示 法 代替 。 优 
先 考 虑 使 用 .表示 法 ， 因 为 它 更 紧凑 且 可 读 性 更 好 。 


stooge["first-name" ] // "Jerome" 


flight.departure.IATA // "SYD" 


如 果 你 尝试 检索 一 个 并 不 存在 的 成 员 属 性 的 值 ， 将 返回 


undefinedo 


stooge["middle-name" ] // undefined 
flight.status // undefined 
stooge["FIRST-NAME" ] // undefined 


运算 符 可 以 用 来 填充 默认 值 : 


var middle = stooge["middle-name"] || "(none)"; 


var status = flight.status || "unknown"; 


尝试 从 undefined 的 成 员 属性 中 取 值 将 会 导致 TypeError 异 常 。 这 时 
可 以 通过 && 运 算 符 来 避免 错误 。 


flight.equipment // undefined 
flight.equipment.model // throw 
"TypeError" 


flight.equipment && flight.equipment.model // undefined 


更 新 
Update 


对 象 里 的 值 可 以 通过 赋值 语句 来 更 新 。 如 果 属 性 名 已 经 存在 于 对 
象 里 ， 那 么 这 个 属性 的 值 就 会 被 替换 。 


stooge[ 'first-name'] = 'Jerome'; 


如 果 对 象 之 前 没有 拥有 那个 属性 名 ， 那 么 该 属性 就 被 扩充 到 对 象 


stooge['middle-name'] = 'Lester'; 
stooge.nickname = 'Curly'; 
flight.equipment = { 

model: Boeing 777 
}; 


flight.status = 'overdue'; 


5 引用 


Reference 


对 象 通过 5 引用 来 传递 。 它 们 永远 不 会 被 复制 : 


var X = stooge; 
x. nickname = 'Curly'; 
var nick = stooge.nickname; 


// 因为 x 和 stooge 是 指向 同一 个 对 象 的 引用 ， 所 以 nick A 
'Curly'o 


var a = {}, b= {}, c= {}; 

// a、b 和 cc 每 个 都 引用 一 个 不 同 的 空 对 象 。 
A BR {}; 

// ax b 和 c 都 引用 同一 个 空 对 象 。 


原型 


Prototype 


每 个 对 象 都 连接 到 一 个 原型 对 象 ， 并 且 它 可 以 从 中 继承 属性 。 所 
有 通过 对 象 字面 量 创建 的 对 象 都 连接 到 Object.prototype， 它 是 
JavaScript 中 的 标 配对 象 。 


当 你 创建 一 个 新 对 象 时 ， 你 可 以 选择 某 个 对 象 作为 它 的 原型 。 
JavaScript 提 供 的 实现 机 制 杂 乱 而 复杂 ， 但 其 实 可 以 被 明显 地 简化 。 我 
们 将 给 Object 增加 一 个 create 方 法 。 这 个 方法 创建 一 个 使 用 原 对 象 作 为 
其 原型 的 新 对 象 。 下 一 章 将 会 有 更 多 关于 六 数 的 内 容 。 


if (typeof Object.beget !== 'function') { 
Object.create = function (o) { 
var F = function ( ) {}; 
F.prototype = 0; 
return new F( ); 
}; 
} 


var another_stooge = Object.create(stooge); 


原型 连接 在 更 新 时 是 不 起 作用 的 。 当 我 们 对 某 个 对 象 做 出 改变 
时 ， 不 会 触及 该 对 象 的 原型 : 


another_stooge['first-name'] = 'Harry'; 
another_stooge[ 'middle-name'] = 'Moses'; 
another_stooge.nickname = 'Moe'; 


原型 连接 只 有 在 检索 值 的 时 候 才 被 用 到 。 如 果 我 们 尝试 去 获取 对 
象 的 某 个 属性 值 ， 但 该 对 象 没 有 此 属性 名 ， 那 么 JavaScript 会 试 着 从 原 
型 对 象 中 获取 属性 值 。 如 果 那 个 原型 对 象 也 没有 该 属性 ， 那 么 再 从 它 
的 原型 中 寻找 ， 依 此 类 推 直到 该 过 程 最 后 到 达 终 氮 
Object.prototype。 如 果 想 要 的 属性 完全 不 存在 于 原型 链 中 ， 那 么 结果 
就 是 undefined 值 。 这 个 过 程 称 为 委托 。 


原型 天 系 是 一 种 动态 的 天 系 。 如 果 我 们 添加 一 个 新 的 属性 到 原型 
中 ， 该 属性 会 立即 对 所 有 基于 该 原型 创建 的 对 象 可 见 。 


我 们 将 会 在 第 6 章 中 看 到 更 多 关于 原型 链 的 内 容 。 


stooge.profession = ‘actor'; 


another_stooge.profession actor 


反射 


Reflection 


邻 查 对 象 并 确定 对 象 有 什么 属性 是 很 容易 的 事情 ， 只 要 试 着 去 检 
索 该 属性 并 验证 取得 的 值 。typeof 操 作 符 对 确定 属性 的 类 型 很 有 帮 
EJ: 


typeof flight. number // number 
typeof flight, status // string? 
typeof flight, arrival // object 


typeof flight. manifest // undefined 


请 注意 原型 链 中 的 任何 属性 都 会 产生 值 : 


typeof flight.toString // function! 


typeof flight.constructor // function 


有 两 种 方法 去 处 理 掉 这 些 不 需要 的 属性 。 第 一 个 是 让 你 的 程序 做 

查 并 丢弃 值 为 函数 的 属性 。 一 般 来 说 ， 当 你 想 让 对 象 在 运行 时 动态 

获取 自身 信息 时 ， 你 关注 更 多 的 是 数据 ， 而 你 应 该 意识 到 一 些 值 可 能 
FE PK KBA 


另 一 个 方法 是 使 用 hasOwnProperty 方 法 ， 如 果 对 象 拥 有 独 有 的 属 
性 ， 它 将 返回 true。hasOwnProperty 方 法 不 会 检查 原型 链 。 


flight.hasOwnProperty( 'number') // true 


flight.hasOwnProperty('constructor') // false 


AE 


Enumeration 


for in 语 句 可 用 来 遍历 一 个 对 象 中 的 所 有 属性 名 。 该 枚 举 过 程 将 会 
列 出 所 有 的 属性 一 一 包括 函数 和 你 可 能 不 关心 的 原型 中 的 属性 一 一 所 
以 有 必要 过 渡 掉 那些 你 不 想 要 的 值 。 最 为 常用 的 过 滤器 是 
hasOwnProperty 方 法 ， 以 及 使 用 typeof 来 排除 浮 数 : 


var name; 
for (name in another_stooge) { 
if (typeof another_stooge[name] !== 'function') { 


document.writeln(name + ': ' + another_stooge[name]); 


} 


属性 名 出 现 的 顺序 是 不 确定 的 ， 因 此 要 对 任何 可 能 出 现 的 顺序 有 
所 准备 。 如 果 你 想 要 确保 属性 以 特定 的 顺序 出 现 ， 最 好 的 办 法 就 是 完 
全 避免 使 用 for ip 语句， 而 是 创建 一 个 数组 ， 在 其 中 以 正确 的 顺序 包含 
属性 名 : 


var i; 

var properties = [ 
'first-name', 
‘middle-name', 


‘last-name', 


profession? 
]; 
for (i = 0; i < properties.length; i += 1) { 
document.writeln(properties[i] + ': ' + 
another_stooge[properties[i]]); 


} 


通过 使 用 for 而 不 是 for in， 可 以 得 到 我 们 想 要 的 属性 ， 而 不 用 担心 
可 能 发 掘 出 原型 链 中 的 属性 ， 并 且 我 们 按 正 确 的 顺序 取得 了 它们 的 
{Bo 


删除 


Delete 


delete 运 算 符 可 以 用 来 删除 对 象 的 属性 。 如 果 对 象 包含 该 属性 ， 那 
么 该 属性 就 会 被 移 除 。 它 不 会 触及 原型 链 中 的 任何 对 象 。 


删除 对 象 的 属性 可 能 会 让 来 自 原型 链 中 的 属性 透 现 出 来 : 


another_stooge.nickname // 'Moe' 


// 删除 another_stooge BY nickname 属性 ， 从 而 暴露 出 原型 的 
nickname 属性 。 


delete another_stooge.nickname; 


another_stooge.nickname // 'Curly' 


减少 全 局 变量 污染 
Global Abatement 


JavaScript 可 以 很 随意 地 定义 全 局 变量 来 容纳 你 的 应 用 的 所 有 资 
源 。 遗 憾 的 是 ， 全 局 变量 削弱 了 程序 的 灵活 性 ， 应 该 避免 使 用 。 


最 小 化 使 用 全 局 变量 的 方法 之 一 是 为 你 的 应 用 只 创建 一 个 唯一 的 
全 局 变量 : 


var MYAPP = {}; 


变量 此 时 变 成 了 你 的 应 用 的 容器 : 


MYAPP.stooge = { 
"first-name": "Joe", 
"last-name": "Howard" 

}; 

MYAPP ,flight = { 
airline: "Oceanic", 
number: 815, 
departure: { 


IATA: "SYD", 


time: "2004-09-22 14:55", 
city: "Sydney" 
ty 
arrival: { 
IATA: "LAX", 
time: "2004-09-23 10:42", 


city: "Los Angeles" 


}; 


只 要 把 全 局 性 的 资源 都 纳入 一 个 名 称 空 oe 你 的 程序 与 其 他 
应 用 程序 、 组 件 或 类 库 之 间 发 生 冲 突 的 可 能 性 就 会 显著 降低 。 你 的 程 
序 也 会 变 得 更 容易 阅读 ， 因 为 很 明显 ，MYAPP.stooge 指 向 的 是 顶层 结 
构 。 在 下 一 章 中 ， 我 们 会 看 到 使 用 闭 包 来 进行 信息 隐藏 的 方式 ， 它 是 
另 一 种 有 效 减少 全 局 污染 的 方法 。 


(1) JavaScript 的 标识 符 中 包含 连接 符 (-) 是 不 合法 的 ， 但 允许 包含 下 画 线 (C) 。 


第 4 章 
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Functions 
所 有 的 过 失 在 未 犯 以 前 ， 都 已 定 下 应 处 的 惩罚 : 


一 一 威廉 -莎士比亚 ，《 一 报 还 一 报 》 (Measure for Measure) 


JavaScript 设 计 得 最 出 色 的 就 是 它 的 了 国 数 的 实现 。 它 几乎 接近 于 完 
美 。 但 是 ， 想 必 你 也 能 预料 到 ，JavaScript 的 图 数 也 存在 瑕 疲 。 


国 数 包 含 一 组 语句 ， 它 们 是 JavaScript 的 基础 模块 单元 ， 用 于 代码 
SA. fa Sheet oi. KATIE RATA. ARR, 
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Function Objects 


JavaScript 中 的 水 数 就 是 对 象 。 对 象 是 “名 / 值 ” 对 的 集合 并 拥有 一 个 
连 到 原型 对 象 的 隐藏 连接 。 对 象 字 面 量 产 生 的 对 象 连 接 到 
Object.prototype。 HN REE Function.prototype (该 原型 对 象 本 身 
连接 到 Object.prototype) 。 每 个 遂 数 在 创建 时 会 附加 两 个 隐藏 属性 : 
孙 数 的 上 下 文 和 实现 函数 行为 的 代码 册 。 


每 个 国 数 对 象 在 创建 时 也 随 配 有 一 个 prototype 属 性 。 它 的 值 是 一 
个 拥有 constructor 属 性 且 值 即 为 该 国 数 的 对 象 。 这 和 隐藏 连接 到 


Function.prototype 完 全 不 同 。 这 个 令 人 费解 的 构造 过 程 的 意义 将 会 在 
下 个 章节 中 揭示 。 


因为 阔 数 是 对 象 ， 所 以 它们 可 以 像 任 何其 他 的 值 一 样 被 使 用 。 子 
数 可 以 保存 在 变量 、 对 象 和 数组 中 。 函 数 可 以 被 当做 参数 传递 给 其 他 
图 数 ， 阔 数 也 可 以 再 返回 国 数 。 而 且 ， 因 为 亢 数 是 对 象 ， 所 以 函数 可 
以 拥有 方法 。 


汶 数 的 与 众 不 同 之 处 在 于 它们 可 以 被 调用 。 


PS 


Function Literal 


RAN Fe ET BA EN : 


// 创建 一 个 名 为 add 的 变量 ， 并 用 来 把 两 个 数字 相 加 的 函数 赋值 


var add = function (a, b) { 
return a + b; 
3; 


图 数 字面 量 包 括 4 个 部 分 。 第 1 个 部 分 是 保留 字 function。 


第 2 个 部 分 是 六 数 名 ， 它 可 以 被 省 略 。 函 数 可 以 用 它 的 名 字 来 递归 
地 调用 自己 。 此 名 字 也 能 被 调试 器 和 开发 工具 用 来 识别 函数 。 如 果 没 


有 给 函数 命名 ， 比 如 上 面 这 个 例子 ， 它 被 称 为 匿名 阔 数 


(anonymous) 。 


函数 的 第 3 个 部 分 是 包围 在 圆 括号 中 的 一 组 参数 。 多 个 参数 用 逗号 
分 隔 。 这 些 参数 的 名 称 将 被 定义 为 水 数 中 的 变量 。 它 们 不 像 普通 的 变 
量 那样 将 被 初始 化 为 undefined， 而 是 在 该 函数 被 调用 时 初始 化 为 实际 
提供 的 参数 的 值 。 


第 4 个 部 分 是 包围 在 花 括 号 中 的 一 组 语句 。 这 些 语句 是 函数 的 主 
体 ， 它 们 在 函数 被 调用 时 执行 。 


函数 字面 量 可 以 出 现在 任何 允许 表达 式 出 现 的 地 方 。 函 数 也 可 以 
被 定义 在 其 他 函数 中 。 一 个 内 部 函数 除了 可 以 访问 自己 的 参数 和 变 
量 ， 同 时 它 也 能 自由 访问 把 它 能 套 在 其 中 的 父 久 数 的 参数 与 变量 。 通 
过 函数 字面 量 创建 的 函数 对 象 包含 一 个 连 到 外 部 上 下 文 的 连接 。 这 被 
MAMIE (closure) 。 它 是 JavaScript 强 大 表现 力 的 来 源 。 


调用 
Invocation 


调用 一 个 水 数 会 暂停 当前 水 数 的 执行 ， 传 递 控 制 权 和 参数 给 新 水 
数 。 除 了 声明 时 定义 的 形式 参数 ， 每 个 遂 数 还 接收 两 个 附加 的 参数 : 
this 和 arguments。 参数 this 在 面向 对 象 编程 中 非常 重要 ， 它 的 值 取 决 于 
调用 的 模式 。 在 JavaScript 中 一 共有 4 种 调用 模式 : 方法 调用 模式 、 函 
数 调 用 模式 、 构 造 器 调用 模式 和 apply 调 用 模式 。 这 些 模式 在 如 何 初始 
化 关键 参数 this 上 存在 差异 。 
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号 。 圆 括号 内 可 包含 零 个 或 多 个 用 逗号 隔 开 的 表达 了 式 。 每 个 表达 式 产 
生 一 个 参数 值 。 每 个 参数 值 被 赋予 函数 声明 时 定义 的 形式 参数 名 。 当 
实际 参数 (arguments) 的 个 数 与 形式 参数 (parameters) 的 个 数 不 匹 配 
时 ， 不 会 导致 运行 时 错误 。 如 果实 际 参 数值 过 多 了 ， 超 出 的 参数 值 会 
被 忽略 。 如 果实 际 参 数值 过 少 ， 缺 失 的 值 会 被 替换 为 undefined。 对 参 
数值 不 会 进行 类 型 检查 : 任何 类 型 的 值 都 可 以 被 传递 给 任何 参数 。 


方法 调用 模式 


The Method Invocation Pattern 


当 一 个 函数 被 保存 为 对 象 的 一 个 属性 时 ， 我 们 称 它 为 一 个 方法 。 
当 一 个 方法 被 调用 时 ，this 被 绑 定 到 该 对 象 。 如 果 调 用 表达 式 包 含 一 个 
提取 属性 的 动作 ( 即 包含 一 个 .点 表达 式 或 [subscript] 下 标 表达 式 ) ， 
那么 它 就 是 被 当做 一 个 方法 来 调用 。 


// 创建 myObject 对 象 。 它 有 一 个 value 属性 和 一 个 increment 方 
Bo 

// increment 方法 接受 一 个 可 选 的 参数 。 如 果 人 参数 不 是 数字 ， 那 
么 默认 使 用 数字 1。 


var myObject = { 
value: O, 
increment: function (inc) { 


this.value += typeof inc === 'number' ? inc : 1; 


ti 
myObject.increment( ); 


document.writeln(myObject.value); // 1 


myObject.increment(2); 


document.writeln(myObject.value); // 3 


方法 可 以 使 用 this 访 问 自己 所 属 的 对 象 ， 所 以 它 能 从 对 象 中 取 值 或 
对 对 象 进行 修改 。this 到 对 象 的 绑 定 发 生 在 调用 的 时 候 。 这 个 “超级 ” 延 
IRAE (very late binding) 使 得 图 数 可 以 对 this 高 度 复 用 。 通 过 this 可 
取得 它们 所 属 对 象 的 上 下 文 的 方法 称 为 公共 方法 (public method) „ 


国 数 调用 模式 


The Function Invocation Pattern 


var sum = add(3, 4); // sum 的 值 为 7。 


当 一 个 函数 并 非 一 个 对 象 的 属性 时 ， 那 么 它 就 是 被 当做 一 个 函数 
来 调用 的 : 


以 此 模式 调用 阔 数 时 ，this 被 绑 定 到 全 局 对 象 。 这 是 语言 设计 上 的 
一 个 错误 。 倘 若 语 言 设计 正确 ， 那 么 当 内 部 立 数 被 调用 时 ，this 应 该 仍 


内 部 函数 来 帮助 它 工作 ， 因 为 内 部 函数 的 this 被 绑 定 了 错误 的 值 ， 所 以 
不 能 共享 该 方法 对 对 象 的 访问 权 。 季 运 的 是 ， 有 一 个 很 容易 的 解决 方 
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访问 到 this。 按 照 约 定 ， 我 把 那个 变量 命名 为 that: 


// 给 myObject 增加 一 个 double 方法 。 


myObject.double = function ( ) { 


var that = this; // 解 决 方法 


var helper = function 6) { 


that.value = add(that.value, that.value); 


}; 


helper( );  // 以 函数 的 形式 调用 helpero 


}; 


// 以 方法 的 形式 调用 double。 


myObject.double( ); 


document.writeln(myObject.value); // 6 


构造 器 调用 模式 


The Constructor Invocation Pattern 


JavaScript 是 一 门 基于 原型 继承 的 语言 。 这 意味 着 对 象 可 以 直接 从 
其 他 对 象 继承 属性 。 该 语言 是 无 类 型 的 。 


这 偏离 了 当今 编程 语言 的 主流 风格 。 当 今 大 多 数 语 言 都 是 基于 类 
的 语言 。 尽 管 原型 继承 极 富 表现 力 ， 但 它 并 未 被 广泛 理解 。JavaScript 
本 身 对 它 原型 的 本 质 也 缺乏 信心 ， 所 以 它 提 供 了 一 套 和 基于 类 的 语言 
类 似 的 对 象 构建 语法 。 有 类 型 化 语言 编程 经 验 的 程序 员 们 很 少 有 愿意 
接受 原型 继承 的 ， 并 且 认 为 借鉴 类 型 化 语言 的 语法 模糊 了 这 门 语 言 真 
实 的 原型 本 质 。 真 是 两 边 都 不 讨好 。 


如 果 在 一 个 函数 前 面 带 上 new 来 调用 ， 那 么 背地 里 将 会 创建 一 个 
连接 到 该 函数 的 prototype 成 员 的 新 对 象 ， 同 时 this 会 被 绑 定 到 那个 新 对 
N Eo 


new 前 缀 也 会 改变 return 语 句 的 行为 。 我 们 将 会 在 后 面 看 到 更 多 的 
相关 内 容 。 


// 创建 一 个 名 为 Quo 的 构造 器 函数 。 它 构造 一 个 带 有 status 属性 
的 对 象 。 


var Quo = function (string) { 


this.status = string; 


// 给 Quo 的 所 有 实例 提供 一 个 名 为 get_status 的 公共 方法 。 


Quo.prototype.get_status = function ( ) { 


return this.status; 


// 构造 一 个 Quo 实例 。 


var myQuo = new Quo("confused"); 
document .writeln(myQuo.get_status( )); // 打印 显示 


“confused”. 


一 个 函数 ， 如 果 创 建 的 目的 就 是 希望 结合 new 前 缀 来 调用 ， 那 它 
就 被 称 为 构造 器 函数 。 按 照 约 定 ， 它 们 保存 在 以 大 写 格 式 命名 的 变量 
里 。 如 果 调 用 构造 器 函数 时 没有 在 前 面 加 上 new， 可 能 会 必 生 非 浊 糟 
糕 的 事情 ， 既 没有 编译 时 警告 ， 也 没有 运行 时 警告 ， 所 以 大 写 约 定 非 
单 重 要 。 


我 不 推荐 使 用 这 种 形式 的 构造 器 函数 。 在 下 一 章 中 我 们 会 看 到 更 
好 的 替代 方式 。 


Apply 调 用 模式 


The Apply Invocation Pattern 


因为 JavaScript 是 一 门 函 数 式 的 面向 对 象 编程 语言 ， 所 以 图 数 可 以 
拥有 方法 。 


apply 方 法 让 我 们 构建 一 个 参数 数组 传递 给 调用 阅 数 。 它 也 允许 我 
们 选择 this 的 值 。apply 方 法 接收 两 个 参数 ， 第 1 个 是 要 绑 定 给 this 的 
值 ， 第 2 个 就 是 一 个 参数 数组 。 


// 构造 一 个 包含 两 个 数字 的 数组 ， 并 将 它们 相 加 。 


var array = [3, 4]; 


var sum = add.apply(null, array); // sum 值 为 7。 
// 构造 一 个 包含 status 成 员 的 对 象 。 


var statusObject = { 
status: 'A-OK' 
}; 


// statusObject 并 没有 继承 目 Quo.prototype ， 但 我 们 可 以 在 
statusObject E 
// get status 方法 ， 尽 管 statusObject 并 没有 一 个 名 为 get_status 
的 方法 。 


var status = Quo.prototype.get_status.apply(statusObject); 
// status 值 为 'A-OK'。 


参数 
Arguments 


当 了 图 效 被 调用 时 ， 会 得 到 一 个 “免费 ”配送 的 参数 ， 那 融 是 
arguments 数 组 。 逆 数 可 以 通过 此 参数 访问 所 有 它 被 调用 时 传递 给 它 的 


参数 列表 ， 包 括 那 些 没 有 被 分 配给 函数 声明 时 定义 的 形式 参数 的 多 余 
参数 。 这 使 得 编写 一 个 无 须 指 定 参 数 个 数 的 水 数 成 为 可 能 : 


// 构造 一 个 将 大 量 的 值 相 加 的 函数 。 


// 注意 该 函数 内 部 定义 的 变量 sum 不 会 与 国 数 外 部 定义 的 sum 
产生 冲突 。 


// 该 国 数 只 会 看 到 内 部 的 那个 变量 。 


var sum = function ( ) { 
var i, sum = O, 
for (i = 0; i < arguments.length; 1 += 1) { 
sum += arguments[i]; 
} 


return sum; 


J}; 
document.writeln(sum(4, 8, 15, 16, 23, 42)); // 108 


这 不 是 一 个 特别 有 用 的 模式 。 在 第 6 章 中 ， 我 们 将 会 看 到 如 何 给 数 
组 添加 一 个 相似 的 方法 来 达到 同样 的 效果 。 


因为 语言 的 一 个 设计 错误 ，arguments 并 不 是 一 个 真正 的 数组 。 它 
只 是 一 个 “类 似 数组 (array-like) ”的 对 象 。arguments 拥 有 一 个 length 属 


性 ， 但 它 没 有 任何 数组 的 方法 。 我 们 将 在 本 章 结尾 看 到 这 个 设计 钳 误 
导致 的 后 果 。 


返回 
Return 

当 一 个 函数 被 调用 时 ， 它 从 第 一 个 语句 开始 执行 ， 并 在 遇 到 关闭 
函数 体 的 } 时 结束 。 然 后 函数 把 控制 权 交还 给 调用 该 函数 的 程序 。 


return 语 句 可 用 来 使 函数 提前 返回 。 当 return 被 执行 时 ， 了 因数 立即 
返回 而 不 再 执行 余下 的 语句 。 


一 个 立 数 总 是 会 返回 一 个 值 。 如 果 疫 有 指定 返回 值 ， 则 返回 


undefined。 


如 果 上 函数 调用 时 在 前 面 加 上 了 new 前 缀 ， 且 返回 值 不 是 一 个 对 
象 ， 则 返回 this (该 新 对 象 )。 


ty 
FEE 
Exceptions 
JavaScript 提 供 了 一 套 异常 处 理 机 制 。 异 常 是 干扰 程序 的 正常 流程 


的 不 寻常 (但 并 非 完全 是 出 乎 意料 的 ) 的 事故 。 当 发 现 这 样 的 事故 
时 ， 你 的 程序 应 该 抛 出 一 个 异常 : 


var add = function (a, b) { 
if (typeof a !== 'number' || typeof b !== 'number') { 
throw { 
name: 'TypeError', 


message: ‘add needs numbers 


} 


return a + b; 


} 


throw A) PERRI. NAH — exceptioni &, NN 
象 包含 一 个 用 来 识别 异常 类 型 的 name 属 性 和 一 个 描述 性 的 message 属 
性 。 你 也 可 以 添加 其 他 的 属性 。 


该 exception 对 象 将 被 传递 到 一 个 try 语 句 的 catch 从 句 : 


// 构造 一 个 try_it 冰 数 ， 以 不 正确 的 方式 调用 之 前 的 add HN 


var try_it = function ( ) { 
try { 
add("seven"); 
} catch (e) { 


document.writeln(e.name + ': ' + e.message); 


try_it( ); 


如 果 在 try 代 码 块 内 抛 出 了 一 个 异常 ， 控 制 权 就 会 跳 转 到 它 的 catch 
Mo 


一 个 try 语 句 只 会 有 一 个 捕获 所 有 有 异常 的 catch 代 码 块 。 如 果 你 的 处 
理 手 段 取 决 于 异常 的 类 型 ， 那 么 异常 处 理 器 必须 检查 异常 对 象 的 name 
属性 来 确定 异常 的 类 型 。 


扩充 类 型 的 功能 
Augmenting Types 


JavaScript 允 许 给 语言 的 基本 类 型 扩充 功能 。 在 第 3 章 中 ， 我 们 已 
经 看 到 ， 通 过 给 Object.prototype 添 加 方法 ， 可 以 让 该 方法 对 所 有 对 象 
都 可 用 。 这 样 的 方式 对 函数 、 数 组 、 字 符 串 、 数 字 、 正 则 表达 式 和 布 
尔 值 同 样 适用 。 


举例 来 说 ， 我 们 可 以 通过 给 Function.prototype 增 加 方法 来 使 得 该 
方法 对 所 有 函数 可 用 : 


Function.prototype.method = function (name, func) { 
this.prototype[name] = func; 


return this; 


通过 给 Function.prototype 增 加 一 个 method 方 法 ， 我 们 下 次 给 对 象 
增加 方法 的 时 候 就 不 必 键 入 prototype 这 几 个 字符 ， 省 掉 了 一 点 麻烦 。 


JavaScript 没 有 专门 的 整数 类 型 ， 但 有 时 候 确实 只 需要 提取 数字 中 
的 整数 部 分 。JavaScript 本 身 提供 的 取 整 方法 有 些 丑 陋 。 我 们 可 以 通过 
给 Number.prototype 增 加 一 个 integer 方 法 来 改善 已 。 它 会 根据 数字 的 正 
负 来 判断 是 使 用 Math.ceiling 还 是 Math.floor。 


Number .method('integer', function ( ) { 
return Math[this < © ? 'ceil' : 'floor'](this); 


}); 


document.writeln((-10 / 3).integer( )); // -3 


JavaScript 缺 少 一 个 移 除 字 符 串 首尾 空白 的 方法 。 这 个 小 疏忽 很 容 
易 弥 补 : 


String.method('trim', function ( ) { 
return this.replace(/‘\s+|\s+$/g, ); 
+); 


document.writeln('"' + " neat ".trim( ) + '"'); 


我 们 的 trim 方 法 使 用 了 一 个 正则 表达 式 。 我 们 将 在 第 7 章 看 到 更 多 
关于 正则 表达 式 的 内 容 。 


通过 给 基本 类 型 增加 方法 ， 我 们 可 以 极 大 地 提高 语言 的 表现 力 。 
因为 JavaScript 原 型 继承 的 动态 本 质 ， 新 的 方法 立刻 被 赋予 到 所 有 的 对 
象 实 例 上 ， 哪 怕 对 象 实例 是 在 方法 被 增加 之 前 就 创建 好 了 。 


基本 类 型 的 原型 是 公用 结构 ， 所 以 在 类 库 混 用 时 务必 小 心 。 一 个 
保险 的 做 法 就 是 只 在 确定 没有 该 方法 时 才 添 加 它 。 


// 符合 条 件 时 才 增 加 方法 。 


Function.prototype.method = function (name, func) { 
if (!this.prototype[name]) { 
this.prototype[name] = func; 
} 
return this; 


}; 


另 一 个 要 注意 的 就 是 for ip 语句 用 在 原型 上 时 表现 很 糟糕 。 我 们 在 
第 3 章 已 经 看 到 了 几 个 减轻 这 个 问题 的 影响 的 办 法 : 我 们 可 以 使 用 
hasOwnProperty 方 法 筛选 出 继承 而 来 的 属性 ， 或 者 我 们 可 以 查找 特定 
的 类 型 。 


递归 


Recursion 


递归 函数 就 是 会 直接 或 间接 地 调用 目 身 的 一 种 函数 。 递 归 是 一 种 
强大 的 编程 技术 ， 它 把 一 个 问题 分 解 为 一 组 相似 的 子 问题 ， 每 一 个 都 
用 一 个 寻常 解 中 去 解决 。 一 般 来 说 ， 一 个 递归 遂 数 调用 自身 去 解决 它 
的 子 问题 。 


“ 汉 诡 塔 "g) 是 一 个 著名 的 益 智 游戏 。 塔 上 有 3 根 柱子 和 一 套 直径 各 
不 相同 的 空心 圆 盘 。 开 始 时 源 柱 子 上 的 所 有 圆 盘 都 按照 从 小 到 大 的 顺 
序 堆 晋 。 目 标 是 通过 每 次 移动 一 个 圆 盘 到 另 一 根 柱 子 ， 最 终 把 一 堆 圆 
盘 移动 到 目标 柱子 上 上， 过程 中 不 允许 把 较 大 的 圆 盘 放置 在 较 小 的 圆 盘 
之 上 。 这 个 问题 有 一 个 寻 单 解 : 


var hanoi = function (disc, src, aux, dst) { 
if (disc > 0) { 
hanoi(disc - 1, src, dst, aux); 
document.writeln('Move disc J disc + 
' from ' + src + ' to ' + dst); 


hanoi(disc - 1, aux, src, dst); 
}; 
hanoi(3, 'Src', 'Aux', 'Dst'); 


盘 数 量 为 3 时 它 返回 这 样 的 解法 : 


Move disc 1 from Src to Dst 


Move disc 2 from Src to Aux 


Move disc from Dst to Aux 


Move disc from Src to Dst 


from Aux to Dst 


1 
3 

Move disc 1 from Aux to Src 
Move disc 2 
1 


Move disc from Src to Dst 


hanoi 消 数 把 一 堆 圆 盘 从 一 根 柱子 移 到 另 一 根 柱子 ， 必 要 时 使 用 辅 
助 的 柱子 。 它 把 该 问题 分 解 成 3 个 子 问题 。 首 先 ， 它 移动 一 对 圆 盘 中 较 
小 的 圆 盘 到 辅助 柱子 上 ， 从 而 露出 下 面 较 大 的 圆 盘 ， 然 后 移动 下 面 的 
圆 盘 到 目标 柱子 上 。 最 后 ， 它 将 刚才 较 小 的 圆 盘 从 辅助 柱子 上 再 移动 
到 目标 柱子 上 。 通 过 递归 地 调用 自身 去 处 理 一 对 圆 盘 的 移动 ， 从 而 解 
决 那些 子 问题 。 


传递 给 hanoi 函 数 的 参数 包括 当前 移动 的 圆 盘 编号 和 它 将 要 用 到 的 
3 根 柱 子 。 当 它 调 用 自身 的 时 候 ， 它 去 处 理 当前 正在 处 理 的 圆 盘 之 上 的 
圆 盘 。 最 终 ， 它 会 以 一 个 不 存在 的 圆 盘 编 号 去 调用 。 在 这 样 的 情况 
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必 担 心 它 会 导致 死 循环 。 


违 归 阔 效 可 以 非常 高 效 地 操作 树 形 结构 ， 比 如 浏览 器 端的 文档 对 
象 模 型 (DOM) 。 每 次 递归 调用 时 处 理 指定 的 树 的 一 小 段 。 


// 定义 walk the_ DOM 图 数 ， 它 从 某 个 指定 的 节点 开始 ， 按 
HTML 源码 中 的 顺序 
// 访问 该 树 的 每 个 节点 。 
, 它 会 调用 一 个 函数 ， 并 依次 传递 每 个 节点 给 它 。 
walk_the_DOM 调用 自身 去 处 理 


// 每 一 个 子 节点 。 


var walk_the_DOM = function walk(node, func) { 
fUnc (node); 
node = node. first Child; 
while (node) { 
walk(node, func); 


node = node.nextSibling; 
}; 


// 定义 getElementsByAttribute HAN 它 以 一 个 属性 名 称 字符 串 

// 和 一 个 可 选 的 匹配 值 作为 参数 。 

// 它 调用 walk_the DOM， 传 递 一 个 用 来 查找 节点 属性 名 的 函数 
作为 参数 。 

// 匹配 的 节点 会 累加 到 一 个 结果 数组 中 。 


var getElementsByAttribute = function (att, value) { 


var results = [ ]; 


walk_the_DOM(document.body, function (node) { 


var actual = node.nodeType === 1 && 


node.getAttribute(att); 
if (typeof actual === 'string' && 
(actual === value || typeof value !== 


"string')) { 


results.push(node); 
} 
3) 


return results; 


J 


一 些 语言 提供 了 尾 递归 多 优化 。 这 意味 着 如 果 一 个 函数 返回 自身 
递归 调用 的 结果 ， 那 么 调用 的 过 程 会 被 替换 为 一 个 循环 ， 它 可 以 显著 
提高 速度 。 遗 憾 的 是 ，JavaScript 当 前 并 没有 提供 尾 递 归 优 化 。 深 度 递 
归 的 函数 可 能 会 因为 堆栈 浴 出 而 运行 失败 。 


// 构建 一 个 带 尾 递归 的 函数 。 因 为 它 会 返回 自身 调用 的 结果 ， 所 
以 它 是 尾 递 归 。 


// JavaScript 当前 没有 对 这 种 形式 的 递归 做 出 优化 。 


var factorial = function factorial(i, a) { 


a=a || 1; 
if (i < 2) 4 

return a; 
} 


return factorial(i - 1, a * i); 


}; 


document .writeln(factorial(4)); // 24 


Scope 
在 编程 语言 中 ， 作 用 域 控制 着 变量 与 参数 的 可 见 性 及 生命 周期 。 


对 程序 员 来 说 这 是 一 项 重要 的 服务 ， 因 为 它 减 少 了 名 称 冲突 ， 并 且 提 
供 了 目 动 内 存 管理 。 


var foo = function ( ) { 


var a = 3, b = 5; 


var bar = function ( ) { 


Var b = 7, c = 11; 
// 此 时 , a V 3, b 为 7, cA 11. 
a += b +C; 
// 此 时 , a} 21, bAT7, cA 1o 
】 
// 此 时 , a 为 3, b 为 5， 而 c 还 没有 定义 。 


bar( ); 


// 此 时 ， a 为 21， b 为 5。 


}; 


大 多 数 类 C 语 言语 法 的 语言 都 拥有 块 级 作用 域 。 在 一 个 代码 块 中 
( 括 在 一 对 花 括 号 中 的 一 组 语句 ) 定义 的 所 有 变量 在 代码 块 的 外 部 是 
不 可 见 的 。 定 义 在 代码 块 中 的 变量 在 代码 块 执行 结束 后 会 被 释放 掉 。 
这 是 件 好 事 。 


糟 米 的 是 ， 尽 管 JavaScript 的 代码 块 语法 貌似 支持 块 级 作用 域 ， 但 
实际 上 JavaScript 并 不 支持 。 这 个 混淆 之 处 可 能 成 为 错误 之 源 。 


JavaScript 确 实 有 函数 作用 域 。 那 意味 着 定义 在 孙 数 中 的 参数 和 变 
量 在 阔 数 外 部 是 不 可 见 的 ， 而 在 一 个 永 数 内 部 任何 位 置 定 义 的 变量 ， 
在 该 函数 内 部 任何 地 方 都 可 见 。 


很 多 现代 语言 都 推荐 尽 可 能 延迟 声明 变量 。 而 用 在 JavaScript 上 的 
话 却 会 成 为 糟糕 的 建议 ， 因 为 它 缺 少 块 级 作用 域 。 所 以 ， 最 好 的 做 法 
是 在 孙 数 体 的 顶部 声明 函数 中 可 能 用 到 的 所 有 变量 。 


闭 包 
Closure 


作用 域 的 好 处 是 内 部 函数 可 以 访问 定义 它们 的 外 部 函数 的 参数 和 
变量 〈 除 了 this 和 arguments) 。 这 太美 妙 了 。 


我 们 的 getElementsByAttribute 国 数 可 以 工作 ， 是 因为 它 声明 了 一 

个 results 变 量 ， 而 传递 给 walk_the_ DOM 的 内 部 函数 也 可 以 访问 results 
变量 。 

一 个 更 有 趣 的 情形 是 内 部 函数 拥有 比 它 的 外 部 函数 更 长 的 生命 周 
期 。 


之 前 ， 我 们 构造 了 一 个 myObject 对 象 ， 它 拥有 一 个 value 属 性 和 一 
个 increment 方 法 。 假 定 我 们 希望 保护 该 值 不 会 被 非法 更 改 。 


J 我 们 通过 调用 一 人 1 

水 数 的 形式 去 初始 化 myObject， 该 水 数 会 返回 一 个 对 象 字 面 量 。 哨 数 
里 定义 了 一 个 value 变 量 。 e getValue 方 法 总 是 可 用 
的 ， 但 函数 的 作用 域 使 得 它 对 其 他 的 程序 来 说 是 不 可 见 的 。 


var myObject = (function ( ) { 


var value = 0; 


return { 
increment: function (inc) { 
value += typeof inc === 'number' ? inc : 1; 
ty 
getValue: function ( ) { 


return value; 


100); 


我 们 并 没有 把 一 个 函数 赋值 给 myObject。 我 们 是 把 调用 该 永 数 后 
返回 的 结果 赋值 给 它 。 注 意 最 后 一 行 的 ( )。 该 水 数 返 回 一 个 包含 两 个 
方法 的 对 象 ， 并 且 这 些 方法 继续 享有 访问 value 变 量 的 特权 。 


本 章 之 前 的 Quo 构 造 器 产生 一 个 带 有 status 属 性 和 get_status 方 法 的 
对 象 。 但 那 看 起 来 并 不 是 十 分 有 趣 。 为 什么 要 用 一 个 getter 方 法 去 访问 
你 本 可 以 直接 访问 到 的 属性 呢 ? 如 果 status 是 私有 属性 ， 它 才 是 更 有 意 
义 的 。 所 以 ， 让 我 们 定义 另 一 种 形式 的 quo 函 数 来 做 此 事 : 


// 创建 一 个 名 为 quo BASRA. 
// 它 构 造 出 带 有 get status 方法 和 status 私有 属性 的 一 个 对 象 。 
var quo = function (status) { 
return { 
get_status: function ( ) “ 


return status; 


// 构造 一 个 quo 实例 。 


var myQuo = quo("amazed"); 


document.writeln(myQuo.get_status( )); 


这 个 quo 国 数 被 设计 成 无 须 在 前 面 加 上 new 来 使 用 ， 所 以 名 字 也 没 
有 首 字母 大 写 。 当 我 们 调用 quo 时 ， 它 返回 包含 get_status 方 法 的 一 个 新 


对 象 。 该 对 象 的 一 个 引用 保存 在 myQuo 中 。 即 使 quo 已 经 返回 了 ， 但 
get_status 方 法 仍然 享有 访问 quo 对 象 的 status 属 性 的 特权 。 get_status 方 
法 并 不 是 访问 该 参数 的 一 个 副本 ， 它 访问 的 就 是 该 参数 本 身 。 这 是 可 
能 的 ， 因 为 该 水 数 可 以 访问 它 被 创建 时 所 处 的 上 下 文 环 境 。 这 被 称 为 
闭 包 。 


让 我 们 来 看 一 个 更 有 用 的 例子 : 


// 定义 一 个 函数 ， 它 设置 一 个 DOM 节点 为 黄色 ， 然 后 把 它 渐变 
AB Bo 


var fade = function (node) { 
var level = 1; 
var step = function ( ) { 
var hex = level.toString(16); 
node.style.backgroundColor = '#FFFF' + hex + hex; 
if (level < 15) { 
level += 1; 


setTimeout(step, 100); 


J, 
set Timeout (step, 100); 
J, 


fade (document. body); 


我 们 调用 fade , $8 document.body 作为 参数 传递 
(HIML<body> 标 签 所 创建 的 节点 ) 。fade 函 数 设置 level 为 1。 它 定义 
T step; 接着 调用 setTimeout， 并 传递 step 图 数 和 一 个 时 间 
(1004) 给 它 。 然 后 它 返回 ，fade 函 数 结 束 。 


在 大 约 十 分 之 一 秒 后 ，step 函 数 被 调用 。 它 把 fade 函 数 的 level 变 
转化 为 16 位 字符 。 接 着 ， 它 修改 fade 函 数 得 到 的 节 NWR, 多 7A 
后 查看 fade 国 数 的 level 变 量 。 如 果 背 景色 尚未 变 成 白色 ， 那 么 它 增 大 
fade 函 数 的 level 变 量 ， 接 着 用 setTimeout 预 定 让 它 自 己 再 次 运行 。 


step 国 数 很 快 再 次 被 调用 。 但 这 次 ，fade 孙 数 的 level 变 量 值 变 成 
2。fade 国 数 在 之 前 已 经 返回 了 ， 但 只 要 fade 的 内 部 函数 需要 ， 它 的 变 
量 就 会 持续 保留 


为 了 避免 下 面 的 问题 ， 理 解 内 部 函数 能 访问 外 部 函数 的 实际 变量 
而 无 须 复 制 是 很 重要 的 : 


// RBIF 

// 构造 一 个 水 数 ， 用 错误 的 方式 给 一 个 数组 中 的 节点 设置 事件 处 
理 程序 。 

// 当 点 击 一 个 节点 时 ， 按 照 预 期 ， 应 该 弹出 一 个 对 话 框 显示 节点 
的 序号 ， 


// 但 它 总 是 会 显示 节点 的 数目 。 


var add_the_handlers = function (nodes) { 


var i; 


for (i = 0; 1 < nodes.length; i += 1) { 
nodes[i].onclick = function (e) { 
alert (1); 
}; 


}; 


// SRR AIF. 


add_the_handlers 国 数 的 本 意 是 想 传 递 给 每 个 事件 处 理 器 一 个 唯一 
值 (i) 。 但 它 未 能 达到 目的 ， 因 为 事件 处 理 器 函数 绑 定 了 变量 i 本 
身 ， 而 不 是 函数 在 构造 时 的 变量 i 的 值 。 


// 改良 后 的 例子 


// 构造 一 个 函数 ， 用 正确 的 方式 给 一 个 数组 中 的 节点 设置 事件 处 
理 程 序 。 
// 点 击 一 个 节点 ， 将 会 弹出 一 个 对 话 框 显示 节点 的 序号 。 


var add_the_handlers = function (nodes) { 
var helper = function (i) { 
return function (e) { 
alert (1); 
}; 
}; 


var i; 


for (i = 0; 1 < nodes.length; i += 1) { 


nodes[i].onclick = helper(i); 


}; 


TT PAE, CHRERAPRABNITSE, SSA 
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回调 
Callbacks 


函数 使 得 对 不 连续 事件 的 处 理 变 得 更 容易 。 例 如 ， 假 定 有 这 么 一 
个 序列 ， 由 用 户 交 互 行为 触发 ， 向 服务 器 发 送 请 求 ， 最 终 显示 服务 器 
的 响应 。 最 自然 的 写法 可 能 会 是 这 样 的 : 


request = prepare_the_request( ); 
response = send_request_synchronously(request); 


display(response); 


这 种 方式 的 问题 在 于 ， 网 络 上 的 同步 请 求 会 导致 客户 端 进入 假死 
状态 。 如 果 网 络 传输 或 服务 器 很 慢 ， 响 应 会 慢 到 让 人 不 可 接受 。 


更 好 的 方式 是 发 起 异步 请 求 ， 提 供 一 个 当 服务 器 的 响应 到 达 时 随 
即 触发 的 回调 函数 。 异 步 函 数 立 即 返 回 ， 这 样 客 户 端 就 不 会 被 阻塞 。 


request = prepare_the_request( ); 
send_request_asynchronously(request, function (response) { 
display(response); 


}); 


我 们 传递 一 个 遂 数 作为 参数 给 send_request_asynchronously 遂 数 ， 
一 旦 接收 到 响应 ， 它 就 会 被 调用 。 


模块 
Module 


我 们 可 以 使 用 函数 和 闭 包 来 构造 模块 。 模 块 是 一 个 提供 接口 却 隐 
藏 状态 与 实现 的 函数 或 对 象 。 通 过 使 用 函数 产生 模块 ， 我 们 几乎 可 以 
完全 握 弃 全 局 变量 的 使 用 ， 从 而 缓解 这 个 JavaScript 的 最 为 糟 焙 的 特性 
之 一 所 市 来 的 影响 。 


举例 来 说 ， 假 定 我 们 想 要 给 String 增 加 一 个 deentityify 方 法 。 它 的 
任务 是 寻找 字符 串 中 的 HIML 字 符 实 体 并 把 它们 替换 为 对 应 的 字符 。 
这 就 需要 在 一 个 对 象 中 保存 字符 实体 的 名 字 和 它们 对 应 的 字符 。 但 我 
们 该 在 哪里 保存 这 个 对 象 呢 ? 我 们 可 以 把 它 放 到 一 个 全 局 变量 中 ,但 
全 局 变量 是 魔鬼 。 我 们 可 以 把 它 定 义 在 该 函数 的 内 部 ， 但 是 那 会 带 来 
运行 时 的 损耗 ， 因 为 每 次 执行 该 函数 的 时 候 该 字面 量 都 会 被 求 值 一 
次 。 理 想 的 方式 是 把 它 放 入 一 个 闭 包 ， 而 且 也 许 还 能 提供 一 个 增加 更 
多 字符 实体 的 扩展 方法 : 


String.method('deentityify', function ( ) { 


// 字符 实体 表 。 它 映射 字符 实体 的 名 字 到 对 应 的 字符 。 


var entity = { 


quot: '"', 
Tei ey 
gt: '>' 


// 返回 deentityify 方法 。 
return function ( ) { 


// 这 才 是 deentityify 方法 。 它 调用 字符 串 的 replace 方法 ， 

// 查找 ‘8* 开 头 和 ';’ 结 束 的 子 字 符 串 。 如 果 这 些 字 符 可 以 在 字符 
实体 表 中 找到 ， 

// 那么 就 将 该 字符 实体 替换 为 映射 表 中 的 值 。 它 用 到 了 一 个 正则 
表达 式 (参见 第 7 章 ) o 


return this.replace(/&([4&; ]+);/g, 
function (a, b) “ 
var r = entity[b]; 


return typeof r === string ? r : a; 


}; 
100) 


请 注意 最 后 一 行 。 我 们 用 ( ) 运 算法 立刻 调用 我 们 刚刚 构造 出 来 的 
了 为数。 这 个 调用 所 创建 并 返回 的 国 效 才 是 deentityify 方 法 。 


document .writeln( 


'@lt;&quot;&gt;'.deentityify( )); // <"> 


模块 模式 利用 了 函数 作用 域 和 闭 包 来 创建 被 绑 定 对 象 与 私有 成 员 
的 关联 ， 在 这 个 例子 中 ， 只 有 deentityify 方 法 有 权 访 问 字符 实体 表 这 个 
效 据 对 象 。 


模块 模式 的 一 般 形 式 是 : 一 个 定义 了 私有 变量 和 上 阔 数 的 函数 ; 利 
用 闭 包 创建 可 以 访问 私有 变量 和 函数 的 特权 函数 ; 最 后 返回 这 个 特权 
图 数 ， 或 者 把 它们 保存 到 一 个 可 访问 到 的 地 方 。 


使 用 模块 模式 就 可 以 所 弃 全 局 变量 的 使 用 。 它 促进 了 信息 隐藏 和 
其 他 优秀 的 设计 实践 。 对 于 应 用 程序 的 封装 ， 或 者 构造 其 他 单 例 名 对 
象 ， 模 块 模式 非常 有 效 。 


模块 模式 也 可 以 用 来 产生 安全 的 对 象 。 假 定 我 们 想 要 构造 一 个 用 
来 产生 序列 号 的 对 象 : 


var serial_maker = function ( ) { 


// 返回 一 个 用 来 产生 唯一 字符 串 的 对 象 。 
// 唯一 字符 串 由 两 部 分 组 成 : 前 缀 + 序列 号 。 
// 该 对 象 包含 一 个 设置 前 缀 的 方法 ， 一 个 设置 序列 号 的 方法 
// 和 一 个 产生 唯一 字符 串 的 gensym 方法 。 
var prefix = ''; 
var seq = 0; 
return { 
set_prefix: function (p) { 
prefix = String(p); 
ty 
set_seq: function (s) { 
seq = S; 
ty 
gensym: function ( ) { 
var result = prefix + seq; 
seq += 1; 


return result; 


}; 
}; 
var seqer = serial maker( ); 
seqer.set_prefix('Q'); 
seqer.set_seq(1000) ; 


var unique = seger.gensym( ); // unique 7="Q1000" 


seqer 包 含 的 方法 都 没有 用 到 this 或 that， 因 此 没有 办 法 损害 seqer。 
除非 调用 对 应 的 方法 ， 否 则 没 法 改变 prefix 或 seq 的 值 。seqer 对 象 是 可 
变 的 ， ah 但 替换 后 的 方法 依然 不 能 访问 
私有 成 员 。seqer 就 是 一 组 函数 的 集合 ， 而 且 那 些 函 数 被 授予 特权 ， 拥 
有 使 用 或 修改 私有 状态 的 能 力 。 


如 果 我 们 把 seqer.gensym 作 为 一 个 值 传 递 给 第 三 方 水 数 ， 那 个 函数 
能 用 它 产 生 唯 一 字符 串 ， 但 却 不 能 通过 它 来 改变 prefix 或 seq 的 值 。 


级 联 


Cascade 


有 一 些 方法 没有 返回 值 。 例 如 ， 一 些 设置 或 修改 对 象 的 某 个 状态 
却 不 返回 任何 值 的 方法 就 是 典型 的 例子 。 如 果 我 们 让 这 些 方法 返回 this 
而 不 是 undefined， 就 可 以 启用 级 联 。 在 一 个 级 联 中 ， 我 们 可 以 在 单独 
一 条 语句 中 依次 调用 同一 个 对 象 的 很 多 方法 。 一 个 启用 级 联 的 Ajax 类 
库 可 能 允许 我 们 以 这 样 的 形式 去 编码 : 


getElement('myBoxDiv' ) 
.move(350, 150) 
.width(100) 
height (100) 
.color('red') 
.border('10px outset') 


.padding('4px' ) 


.appendText("Please stand by") 
.on('mousedown', function (m) { 
this.startDrag(m, this.getNinth(m)); 
}) 
.on('mousemove', drag!) 
.on('mouseup', 'stopDrag') 
.later(2000, function ( ) { 
this 
.color('yellow' ) 
.S@tHTML("What hath God wraught?") 
.slide(400, 40, 200, 200); 
}) 


.tip('This box is resizeable'); 


在 这 个 例子 中 ，getElement 国 数 产 生 一 个 对 应 于 id="myBoxDiv" 的 
DOM 元 素 且 给 其 注入 了 其 他 功能 的 对 象 。 该 方法 允许 我 们 移动 元 素 ， 
修改 它 的 尺寸 和 样式 ， 并 添加 行为 。 这 些 方法 每 一 个 都 返回 该 对 象 ， 
所 以 每 次 调用 返回 的 结果 可 以 被 下 一 次 调用 所 用 。 

级 联 技 术 可 以 产生 出 极 语 表 现 力 的 接口 。 它 也 能 给 那 波 构造 “全 
能 ”接口 的 热潮 降 降 瘟 ， 一 个 接口 没 必 要 一 次 做 太 多 事情 。 


柯 里 化 (8) 
Curry 


图 数 也 是 值 ， 从 而 我 们 可 以 用 有 趣 的 方式 去 操作 函数 值 。 柯 里 化 
允许 我 们 把 阔 数 与 传递 给 它 的 参数 相 结合 ， 产 生出 一 个 新 的 六 数 。 


var addi = add.curry(1); 


document .writeln(add1(6)); // 7 


add1 是 把 1 传递 给 add 国 数 的 curry 方 法 后 创建 的 一 个 图 数 。addl 函 
数 把 传递 给 它 的 参数 的 值 加 1。JavaScript 并 没有 curry 方 法 ， 但 我 们 可 
以 给 Function.prototype 扩 展 此 功能 : 


Function.method('curry', function ) { 
var args = arguments, that = this; 
return function ( ) { 
return that.apply(null, args.concat(arguments) ); 
}; 
D; Y, 有 些 事 好 像 看 起 来 不 太 对 头 .…… 


curry 方 法 通过 创建 一 个 保存 着 原始 函数 和 要 被 套用 的 参数 的 闭 包 
来 工作 。 尼 返 回 另 一 个 国 数 ， 该 函数 被 调用 时 ， 会 返回 调用 原始 函数 
的 结果 ， 并 传递 调用 curry 时 的 参数 加 上 当前 调用 的 参数 。 它 使 用 Array 
的 concat 方 法 连接 两 个 参数 数组 。 


粳 糙 的 是 ， 就 像 我 们 先前 看 到 的 那样 ，arguments 数 组 并 非 一 个 真 
正 的 数组 ， 所 以 它 并 没有 concat 方 法 。 要 避 开 这 个 问题 ， 我 们 必须 在 
两 个 arguments 数 组 上 都 应 用 数组 的 slice 方 法 。 这 样 产生 出 拥有 concat 
方法 的 常规 数组 。 


Function.method('curry', function ( ) { 
var slice = Array.prototype.slice, 
args = slice.apply(arguments), 
that = this; 
return function )“ 
return that.apply(null, 
args.concat(slice.apply(arguments) )); 
}; 
}); 


记忆 
Memoization 


水 数 可 以 将 先前 操作 的 结果 记录 在 某 个 对 象 里 ， 从 而 避免 无 谓 的 
重复 运算 。 这 种 优化 被 称 为 记忆 (2 (memoization) 。JavaScript 的 对 象 
和 数组 要 实现 这 种 优化 是 非常 方便 的 。 


比如 说 ， 我 们 想 要 一 个 递归 函数 来 计算 Fibonacci 数 列 人 人 。 一 个 
Fibonacci 数 字 是 之 前 两 个 Fibonacci 数 字 之 和 。 最 前 面 的 两 个 数字 是 0 和 
lo 


var fibonacci = function (n) { 
return n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2); 


}; 


for (var i = 0; i <= 10; i += 1) { 


document.writeln('// ' + i+ ': ' + Fibonacci (i)); 

} 

// 0: 0 
// 1: 1 
// 2: 1 
// 3: 2 
// 4: 3 
// 5: 5 
// 6: 8 
// 7: 13 
// 8: 21 
// 9: 34 
// 10: 55 


这 样 是 可 以 工作 的 ， 但 它 做 了 很 多 无 谓 的 工作 。fibonacci 国 数 被 
调用 了 453 次 。 我 们 调用 了 11 次 ， 而 它 自身 调用 了 442 次 去 计算 可 能 
被 刚 计算 过 的 值 。 如 果 我 们 让 该 水 数 具备 记忆 功能 ， 就 可 以 显著 地 减 
少 运 算 量 。 

我 们 在 一 个 名 为 memo 的 数组 里 保存 我 们 的 存储 结果 ， 存 储 结果 可 


以 隐藏 在 闭 包 中 。 当 函数 被 调用 时 ， 这 个 函数 首先 检查 结果 是 否 已 存 
在 ， 如 果 已 经 存在 ， 就 立即 返回 这 个 结果 。 


var fibonacci = function ( ) “ 


var memo = [0, 1]; 


var fib = function (n) { 
var result = memo[n]; 
if (typeof result !== 'number') { 
result = fib(n - 1) + fib(n - 2); 
memo[n] = result; 
} 
return result; 
}; 
return fib; 


100 
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11 次 ， 它 调用 了 自己 18 次 去 取得 之 前 存储 的 结果 。 


我 们 可 以 把 这 种 技术 推 而 广 之 ， 编 写 一 个 函数 来 帮助 我 们 构造 


记忆 功能 的 国 数 。memoizer 国 数 取 得 一 个 初始 的 memo 数 组 和 formula 
国 数 。 它 返回 一 个 管理 meno 存 储 和 在 需要 时 调用 formula 陨 数 的 recur 国 


数 。 我 们 把 ora PNA CAS BUF 1826 formulak RX : 


var memoizer = function (memo, formula) { 
var recur = function (n) { 
var result = memo[n]; 
if (typeof result !== 'number') { 
result = formula (recur, n); 
memo[n] = result; 
} 


return result; 


}; 
return recur, 
}; 


现在 ， 我 们 可 以 使 用 memoizer 了 因数 来 定义 fibonacci 国 数 ， 提 供 其 


初始 的 memo 数 组 和 formula 卫 数 : 
var fibonacci = memoizer([0, 1], function (recur, n) { 
return recur (n - 1) + recur (n - 2); 
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量 。 例 如 ， 要 产生 一 个 可 记忆 的 阶乘 函数 ， 我 们 只 需 提供 基本 的 阶乘 
公式 即 可 : 


n) ft 


var factorial = memoizer([1, 1], function (recur 


return n * recur (n - 1); 


}); 


(1) JavaScript 创 建 一 个 函数 对 象 时 ， 会 给 该 对 象 设置 一 个 “调用 ”属性 。 当 JavaScript 调 用 一 
区 数 时 ， 可 理解 为 调用 此 函数 的 * 调 用” 属性。 详细 的 摘 述 请 参阅 ECMAScript 规 范 的 “13.2 


Seine Function Objects”. 


(2) 原文 中 使 用 了 “trivial solution”， 该 词组 为 数学 中 的 术语 ， 可 翻译 为 寻常 解 或 明显 解 。 
题 。 具 体 可 参考 


作者 用 在 此 处 意 在 说 明 递归 用 一 般 的 方式 去 解决 每 个 子 问题 
http://zh.wikipedia.org/wiki/#R 4K AEX. 


(3) 汉 诡 塔 是 印度 一 个 古老 传说 ， 也 是 程序 设计 中 的 经 典 递归 问题 。 详 细 的 说 明 请 参见 
http://baike.baidu.com/view/191666.htmo 


(4) D (tail recursion tail-end recursion) S HE NN 
殊 形式 的 递归 。 参 见 http://en.wikipedia.org/wiki/Tail_recursiono 


(5) 模块 模式 通常 结合 单 例 模式 (Singleton Pattern) 使 用 。JavaScript 的 单 例 就 是 用 对 象 字 
面 量 表 示 法 创建 的 对 象 ， 对 象 的 属性 值 可 以 是 数值 或 国 数 ， 并 且 属 性 值 在 该 对 象 的 生命 周期 
中 不 会 发 生变 化 。 它 通常 作为 工具 为 程序 其 他 部 分 提供 功能 支持 。 单 例 模式 的 更 多 内 容 请 参 
见 http://zh.wikipedia.org/wiki/ 单 例 模 式 。 


(6) 柯 里 化 ， 也 常 译 为 “局 部 套用 ”， 是 把 多 参数 函数 转换 为 一 系列 单 参数 国 数 并 进行 调用 
的 技术 。 这 项 技术 以 数学 家 Haskell Curry (Haskell 编 程 语言 也 是 以 该 数学 家 命名 ) 的 名 字 命 
名 。 更 多 内 容 请 参考 http://zh.wikipedia.org/wiki/ 林 里 化 。 本 书 的 上 一 版 中 译 为 “套用 ”， 再 版 采 
用 开发 人 员 更 为 认可 的 “ 柯 里 化 ”的 翻译 。 

(D 在 计算 机 领域 ， 记 忆 (memoization) 是 主要 用 于 加 速 程序 计算 的 一 种 优化 技术 ， 它 使 
得 为数 避免 重复 演算 之 前 已 被 处 理 的 输入 ， 而 返回 已 缓存 的 结果 一 一 摘自 


http://en.wikipedia.org/wiki/ Memoizationo 


(8) Fibonacci 数 列 ， 中 文 名 为 斐 波 那 契 数 列 。 它 的 特点 是 ， 前 面相 邻 两 项 之 和 等 于 后 一 项 
的 值 。 更 多 请 参考 http:Vzhjh.wikipedia.orgwikz 斐 波 那 契 数列 。 


第 5 章 
继承 


Inheritance 
往往 会 把 一 件 完整 的 东西 化 成 无 数 的 形象 。 就 像 叫 
凸 镜 一 般 ， 从 正面 望 去 ， 只 见 一 片 模糊 。 


一 一 威廉 :莎士比亚 ，《 理 查 二 世 》 (The Tragedy of King Richard 
the Second) 


在 大 多 数 编程 语言 中 ， 继 承 都 是 一 个 重要 的 主题 。 


在 那些 基于 类 的 语言 (比如 Java) 中 ， 继 承 (inheritance 或 
extends) 提供 了 两 个 有 用 的 服务 。 首 先 ， 它 是 代码 重用 的 一 种 形式 。 
如 果 一 个 新 的 类 与 一 个 已 存在 的 类 大 部 分 相似 ， 那 么 你 只 需 具 体 说 明 
其 不 同 点 即 可 。 代 码 重 用 的 模式 极为 重要 ， 因 为 它们 可 以 显著 地 减少 
软件 开发 的 成 本 。 类 继承 的 另 一 个 好 处 是 引入 了 一 套 类 型 系统 的 规 
范 。 由 于 程序 员 无 需 编写 显 式 类 型 转换 的 代码 ， 他 们 的 工作 量 将 大 大 
减轻 ， 这 是 一 件 很 好 的 事情 ， 因 为 类 型 转换 会 未 失 类 型 系统 在 安全 上 
的 优势 。 


JavaScript 是 一 门 弱 类 型 语言 ， 从 不 需要 类 型 转换 。 对 象 继承 关系 
变 得 无 关 紧 要 。 对 于 一 个 对 象 来 说 重要 的 是 它 能 做 什么 ， 而 不 是 它 从 
哪里 来 。 


JavaScript 提 供 了 一 套 更 为 丰富 的 代码 重用 模式 。 它 可 以 模拟 那些 
基于 类 的 模式 ， 同 时 它 也 可 以 支持 其 他 更 具 表 现 力 的 模式 。 在 
JavaScript 中 可 能 的 继承 模式 有 很 多 。 在 本 章 中 ， 我 们 将 研究 几 种 最 为 


直接 的 模式 。 当 然 还 有 很 多 更 为 复杂 的 构造 模式 ， 但 保持 简单 通常 是 
最 好 的 。 


在 基于 类 的 语言 中 ， 对 象 是 类 的 实例 ， 并 且 类 可 以 从 另 一 个 类 继 
承 。JavaScript 是 一 门 基于 原型 的 语言 ， 这 意味 着 对 象 直接 从 其 他 对 象 
继承 。 


伪 类 


Pseudoclassical 


JavaScript 的 原型 存在 着 诸多 矛盾 。 它 的 某 些 复杂 的 语法 看 起 来 就 
像 那些 基于 类 的 语言 ， 这 些 语法 问题 掩盖 了 它 的 原型 机 制 。 它 不 直接 
让 对 象 从 其 他 对 象 继 承 ， 反 而 插入 了 一 个 多 余 的 间接 层 : 通过 构造 器 
国 效 产生 对 象 。 


当 一 个 函数 对 象 被 创建 时 ，Function 构 造 器 产生 的 函数 对 象 会 运 
行 类 似 这 样 的 一 些 代码 : 


this.prototype = {constructor: this}; 


新 图 数 对 象 被 赋予 一 个 prototype 属 性 ， 它 的 值 是 一 个 包含 
constructor 属 性 且 属 性 值 为 该 新 水 数 的 对 象 。 这 个 prototype 对 象 是 存放 
继承 特征 的 地 方 。 因 为 JavaScript 语 言 没 有 提供 一 种 方法 去 确定 哪个 遂 
数 是 打算 用 来 做 构造 器 的 ， 所 以 每 个 函数 都 会 得 到 一 个 prototype 对 
象 。constructor 属 性 没什么 用 ， 重 要 的 是 prototype 对 象 。 
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执行 的 方式 会 被 修改 。 如 果 new 运 算 符 是 一 个 方法 而 不 是 一 个 运算 
符 ， 它 可 能 会 像 这 样 执行 : 


Function.method('new', function ( ) { 
// 创建 一 个 新 对 象 ， 它 继承 自 构 造 器 函数 的 原型 对 象 。 
var that = Object.create(this.prototype); 
// 调用 构造 器 函数 ， 绑 定 -this- 到 新 对 象 上 。 
var other = this.apply(that, arguments); 
// 如 果 它 的 返回 值 不 是 一 个 对 象 ， 就 返回 该 新 对 象 。 
return (typeof other === 'object' && other) || that; 
}); 


我 们 可 以 定义 一 个 构造 器 并 扩充 它 的 原型 : 


var Mammal = function (name) { 


this.name = name; 


3; 


Mammal. prototype. get name = function ( ) { 


return this.name; 


}; 


Mammal.prototype.says = function ( ) { 


return this.saying || ''; 
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现在 ， 我 们 可 以 构造 一 个 实例 : 


var myMammal = new Mammal('Herb the Mammal'); 


var name = myMammal.get_name( ); // Herb the Mammal 


我 们 可 以 构造 另 一 个 伪 类 来 继承 Mammal ， 这 是 通过 定义 它 的 
constructor 国 数 并 替换 它 的 prototype 为 一 个 Mammal 的 实例 来 实现 的 : 


var Cat = function (name) { 
this.name = name; 
this.saying = 'meow'; 


}; 
// 替换 Cat. prototype 为 一 个 新 的 Mammal 实例 。 


Cat.prototype = new Mammal( ); 


// 扩充 新 原型 对 象 ， 增 加 purr 和 get name 方法 。 


Cat.prototype.purr = function (n) { 
var i, s= ''; 
for (i = 0; i < n; i += 1) 4 


if (s) { 


} 

s += 'r'; 
} 
return s; 


}; 
Cat.prototype.get_name = function ( ) “ 
return this.says( ) + ' ' + this.name + ' ' + this.says( 
); 
}; 


var myCat = new Cat('Henrietta'); 
var says = myCat.says( ); // 'meow' 
var purr = myCat.purr(5); // 'r-r-r-r-r' 


var name = myCat.get_name( ); //'meow Henrietta meow' 


伪 类 模式 本 意 是 想 向 面向 对 象 靠拢 ， 但 它 看 起 来 格格 不 入 。 我 们 
可 以 隐藏 一 些 丑 陋 的 细节 ， 通 过 使 用 method 方 法 来 定义 一 个 inherits 方 
法 实现 : 


Function.method('inherits', function (Parent) { 
this.prototype = new Parent( ); 


return this; 


}); 


我 们 的 inherits 和 method 方 法 都 返回 this， 这 样 允 许 我 们 可 以 采用 级 
联 的 形式 编程 。 现 在 可 以 只 用 一 行 语句 构造 我 们 的 Cat 对 象 。 


var Cat = function (name) { 
this.name = name; 
this.saying = 'meow'; 

} 

.inherits(Mammal) 

.method('purr', function (n) { 
var i, s= ''; 
for (i = 0; i < n; i += 1) { 

if (s) { 


S += e 
8 += el 


return s; 
}) 
.method('get_name', function ( ) { 
return this.says( ) + ' ' + this.name + ' ' + this.says( 
); 
}); 


通过 隐藏 那些 无 谓 的 prototype 操 作 细节 ， 现 在 它 看 起 来 没 那么 怪 
异 了 。 但 是 否 真 的 有 所 改善 呢 ? 我 们 现在 有 了 行为 像 * 类 ”的 构造 器 函 
数 ， 但 仔细 看 它们 ， 你 会 惊讶 地 发 现 : 没有 私有 环境 ， 所 有 的 属性 都 
是 公开 的 。 无 法 访问 super (NA) 的 方法 。 


更 糟糕 的 是 ， 使 用 构造 器 函数 存在 一 个 严重 的 危害 。 如 果 你 在 调 
用 构造 器 水 数 时 忘记 了 在 前 面 加 上 new 前 弘 ， 那 么 this 将 不 会 被 绑 定 到 
一 个 新 对 象 上 。 翡 剧 的 是 ，this 将 被 绑 定 到 全 局 对 象 上 ， 所 以 你 不 但 没 
有 扩充 新 对 象 ， 反 而 破坏 了 全 局 变量 环境 。 那 真是 糟 透 了 。 发 生 那 样 
的 情况 时 ， 既 没有 编译 时 警告 ， 也 没有 运行 时 警告 。 


这 是 一 个 严重 的 语言 设计 错误 。 为 了 降低 这 个 问题 带 来 的 风险 ， 
所 有 的 构造 器 函数 都 约定 命名 成 首 字 母 大 写 的 形式 ， 并 且 不 以 首 字 母 
大 写 的 形式 拼写 任何 其 他 的 东西 。 这 样 我 们 至 少 可 以 通过 目 视 检查 去 
发 现 是 否 缺 少 了 new 前 缀 。 一 个 更 好 的 备 选 方案 就 是 根本 不 使 用 new。 


“< 伪 类 "形式 可 以 给 不 熟悉 Javascript 的 程序 员 提供 便利 ， 但 它 也 隐 
藏 了 该 语言 的 真实 的 本 质 。 借 鉴 类 的 表示 法 可 能 误导 程序 员 去 编写 过 
于 深入 与 复杂 的 层次 结构 。 许 多 复杂 的 类 层次 结构 产生 的 原因 就 是 静 
态 类 型 检查 的 约束 。JavaScript 完 全 摆脱 了 那些 约束 。 在 基于 类 的 语言 
中 ， 类 继承 是 代码 重用 的 唯一 方式 。 而 JavaScript 有 着 更 多 且 更 好 的 选 
择 。 


对 象 说 明 符 
Object Specifiers 


有 有 时候， 构造 器 要 接受 一 大 串 参 数 。 这 可 能 令 人 烦恼 ， 因 为 要 记 
住 参数 的 顺序 非常 困难 。 在 这 种 情况 下 ， 如 果 我 们 在 编写 构造 器 时 让 
它 接受 一 个 简单 的 对 象 说明 符 ， 可 能 会 更 加 友好 。 那 个 对 象 包含 了 将 
要 构建 的 对 象 规格 说 明 。 所 以 ， 与 其 这 样 写 : 


var myObject = maker (f, I, m, c, s); 


不 如 这 么 写 : 


var myObject = maker({ 


first: f, 


middle: m, 


last: 1, 
state: s, 
city: c 
}); 
现在 多 个 参数 可 以 按 任 何 顺 序 排 列 ， 如 果 构 造 器 会 聪明 地 使 用 默 
认 值 ， 一 些 参数 可 以 忽略 掉 ， 并 且 代 码 也 更 容易 阅读 。 


当 与 JSON (参见 附录 E) 一 起 工作 时 ， 这 种 形式 还 可 以 有 一 个 间 
接 的 好 处 。JSON 文 本 只 能 掏 述 数据 ， 但 有 时 效 据 表示 的 是 一 个 对 象 ， 
把 该 数据 与 它 的 方法 关联 起 来 是 有 用 的 。 如 果 构 造 器 取得 一 个 对 象 说 
明 符 ， 就 能 让 它 轻 松 实现 ， 因 为 我 们 可 以 简单 地 把 JSON 对 象 传递 给 构 
造 器 ， 而 它 将 返回 一 个 构造 完全 的 对 象 。 


原型 
Prototypal 


在 一 个 纯粹 的 原型 模式 中 ， 我 们 会 据 弃 类 ， 转 而 专注 于 对 象 。 基 
于 原型 的 继承 相 比 基于 类 的 继承 在 概念 上 更 为 简单 : 一 个 新 对 象 可 以 
继承 一 个 旧 对 象 的 属性 。 也 许 你 对 此 感到 卫生 ， 但 它 真 的 很 容易 理 
解 。 你 通过 构造 一 个 有 用 的 对 象 开 始 ， 接 着 可 以 构造 更 多 和 那个 对 象 
类 似 的 对 象 。 这 就 可 以 完全 避免 把 一 个 应 用 拆 解 成 一 系列 说 套 抽象 类 
的 分 类 过 程 。 


让 我 们 先 用 对 象 字面 量 去 构造 一 个 有 用 的 对 象 : 


var myMammal = { 
name : 'Herb the Mammal', 
get_name : function ( ) { 
return this.name; 
ty 
says : function ( ) { 


return this.saying || ''; 


}; 


一 旦 有 了 一 个 想 要 的 对 象 ， 我 们 就 可 以 利用 第 3 章 中 介绍 过 的 
Object.create 方 法 构造 出 更 多 的 实例 来 。 接 下 来 我 们 可 以 定制 新 的 实 
例 : 


var myCat = Object.create(myMammal); 
myCat.name = 'Henrietta'; 


myCat.saying = 'meow'; 


myCat.purr = function (n) { 
var i, s= , 
for (i = 0; i<n; i += 1) { 
if (s) { 


S += 1 1 
S += eee 


return s; 
}; 
myCat.get_name = function ( ) { 
return this.says + ' ' + this.name + ' ' + this.says; 
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这 是 一 种 “差异 化 继承 (differential inheritance) ”DD。 通 过 定制 一 
个 新 的 对 象 ， 我 们 指明 它 与 所 基于 的 基本 对 象 的 区 别 。 


有 时 候 ， 它 对 某 些 数据 结构 继承 于 其 他 数据 结构 的 情形 非常 有 
用 。 这 里 就 有 一 个 例子 : 假定 我 们 要 解析 一 门类 似 JavaScript 或 TEX() 
那样 用 一 对 花 括号 措 示 作用 域 的 语言 。 定 义 在 某 个 作用 域 里 定义 的 条 
目 在 该 作用 域 之 外 是 不 可 见 的 。 但 在 某 种 意义 上 ， 一 个 内 部 作用 域 会 
继承 它 的 外 部 作用 域 。JavaScript 在 表示 这 样 的 关系 上 做 得 非常 好 。 当 
遇 到 一 个 左 伦 括 号 时 block 函 数 被 调用 。parse 函 数 将 从 scope 中 寻找 符 
号 ， 并 且 当 它 定 义 了 新 的 符号 时 扩充 scope: 


var block = function ( ) “ 


// 记 住 当前 的 作用 域 。 构 造 一 个 包含 了 当前 作用 域 中 所 有 对 象 的 
新 作用 域 。 


var oldScope = scope; 


scope = Object, create (scope); 


// 传递 左 伦 括号 作为 参数 调用 advances 


advance('{'); 
// 使 用 新 的 作用 域 进行 解析 。 


parse(scope); 
// 传递 右 花 括号 作为 参数 调用 advance 并 抛弃 新 作用 域 ， 恢 复原 
来 老 的 作用 域 。 


advance('}'); 


scope = oldScope; 


}; 
因数 化 
Functional 


迄今 为 止 ， 我 们 所 看 到 的 继承 模式 的 一 个 弱点 就 是 没 法 保护 隐 
私 。 对 象 的 所 有 属性 都 是 可 见 的 。 我 们 无 法 得 到 私有 变量 和 私有 子 


数 。 有 了 时候 这 样 没关系 ， 但 有 时 候 却 是 大 麻烦 。 遇 到 这 些 麻 烦 的 时 
候 ， 一 些 无 知 的 程序 员 接 受 了 一 种 伪装 私有 (pretend privacy) HN 
式 。 如 果 想 构造 一 个 私有 属性 ， 他 们 就 给 它 起 一 个 怪 模 怪 样 的 名 字 ， 
并 且 和 希望 其 他 使 用 代码 的 用 户 假装 看 不 到 这 些 奇怪 的 成 员 。 笠 运 的 
是 ， 我 们 有 一 个 更 好 的 选择 ， 那 就 是 应 用 模块 模式 。 


我 们 从 构造 一 个 生成 对 象 的 溯 数 开始 。 我 们 以 小 写字 和 母 开 头 来 命 
名 它 ， 因 为 它 并 不 需要 使 用 new 前 缀 。 该 函数 包括 4 个 步骤 。 


1. 创建 一 个 新 对 象 。 有 很 多 的 方式 去 构造 一 个 对 象 。 它 可 以 构造 
一 个 对 象 字 面 量 ， 或 者 它 可 以 和 new 前 缀 连用 去 调用 一 个 构造 器 子 
数 ， 或 者 它 可 以 使 用 Object.create 方 法 去 构造 一 个 已 经 存在 的 对 象 的 新 
实例 ， 或 者 它 可 以 调用 任意 一 个 会 返回 一 个 对 象 的 函数 。 


2. 有 选择 地 定义 私有 实例 变量 和 方法 。 这 些 就 是 函数 中 通过 var 
语句 定义 的 普通 变量 。 

3. 给 这 个 新 对 象 扩充 方法 。 这 些 方法 拥有 特权 去 访问 参数 ， 以 及 
在 第 2 步 中 通过 var 语 句 定 义 的 变量 。 

4. 返回 那个 新 对 象 。 


这 里 是 一 个 函数 化 构造 器 的 伪 代 码 模 板 (加 粗 的 文本 表示 强 
Va) : 


var constructor = function (spec, my) { 
var that, 其 他 的 私有 实例 变量 ; 
my = my || {3; 


把 共享 的 变量 和 函数 添加 到 my 中 


that = 一 个 新 对 象 


添加 给 that 的 特权 方法 


return that; 


}; 


spec 对 象 包含 构造 器 需要 构造 一 个 新 实例 的 所 有 信息 。spec 的 内 
容 可 能 会 被 复制 到 私有 变量 中 ， 或 者 被 其 他 孙 数 改变 ， 或 者 方法 可 以 
在 需要 的 时 候 访 问 spec 的 信息 。( 一 个 简化 的 方式 是 替换 spec 为 一 个 单 
一 的 值 。 当 构造 对 象 过 程 中 并 不 需要 整个 spec 对 象 的 时 候 ， 这 是 有 用 
的 。) 


my 对 象 是 一 个 为 继承 链 中 的 构造 器 提供 秘密 共享 的 容器 。my 对 
象 可 以 选择 性 地 使 用 。 如 果 没 有 传 入 一 个 my 对 象 ， 那 么 会 创建 一 个 
my 对 象 。 


接 下 来 ， 声 明 该 对 象 私 有 的 实例 变量 和 方法 。 通 过 简单 地 声明 变 
量 就 可 以 做 到 。 构 造 器 的 变量 和 内 部 函数 变 成 了 该 实例 的 私有 成 员 。 
内 部 函数 可 以 访问 spec、my、that， 以 及 其 他 私有 变量 。 


接 下 来 ， 给 my 对 象 添 加 共享 的 秘密 成 员 。 这 是 通过 赋值 语句 来 实 
现 的 : 


my.member = value; 


现在 ， 我 们 构造 了 一 个 新 对 象 并 把 它 赋 值 给 hat。 有 很 多 方式 可 以 
构造 一 个 新 对 象 。 我 们 可 以 使 用 对 象 字面 量 ， 可 以 用 new 运 算 符 调用 
一 个 伪 类 构造 器 ， 可 以 在 一 个 原型 对 象 上 使 用 Object.create 方 法 ， 或 者 
可 以 调用 另 一 个 函数 化 的 构造 器 ， 传 给 它 一 个 spec 对 象 (可 能 就 是 传 
递 给 当前 构造 器 的 同一 个 spec 对 象 ) 和 my 对 象 。my 对 象 允 许 其 他 的 构 
造 器 分 享 我 们 放 到 my 中 的 资料 。 其 他 构造 器 可 能 也 会 把 自己 可 分 享 的 
秘密 成 员 放 进 my 对 象 里 ， 以 便 我 们 的 构造 器 可 以 利用 它 。 


接 下 来 ， 我 们 扩充 that， 加 入 组 成 该 对 象 接口 的 特权 方法 。 我 们 可 
以 分 配 一 个 新 阔 数 成 为 that 的 成 员 方 法 。 或 者 ， 更 安全 地 ， 我 们 可 以 先 
把 阔 数 定义 为 私有 方法 ， 然 后 再 把 它们 分 配给 that: 


var methodical = function ( ) { 


}; 


that.methodical = methodical; 


分 两 步 去 定义 methodical 的 好 处 是 ， 如 果 其 他 方法 想 要 调用 
methodical， 它 们 可 以 直接 调用 methodical( ) 而 不 是 that.methodical( )。 
如 果 该 实例 被 破坏 或 自 改 ， 甚 至 that.methodical 被 替换 掉 了 ， 调 用 
methodical 的 方法 同样 会 继续 工作 ， 因 为 它们 私有 的 methodical 不 受 该 
实例 被 修改 的 影响 。 


最 后 ， 我 们 返回 that。 


让 我 们 把 这 个 模式 应 用 到 mammal 例 子 里 。 此 处 不 需要 my， 所 以 
我 们 先 抛 开 它 ， 但 会 使 用 一 个 spec 对 象 。 


name 和 saying 属 性 现在 是 完全 私有 的 。 只 有 通过 get_name 和 says 两 
个 特权 方法 才 可 以 访问 它们 。 


var mammal = function (spec) { 


var that = {}; 


that. get name = function ( ) { 
return spec.name; 

}; 

that. Says = function ( ) { 


return spec.saying || ''; 


return that; 


var myMammal = mammal({name: 'Herb'}); 


在 伪 类 模式 里 ， 构 造 器 函数 Cat 不 得 不 重复 构造 器 Mammal 已 经 完 
成 的 工作 。 在 函数 化 模式 中 那 不 再 需要 了 ， 因 为 构造 器 Cat 将 会 调用 构 
造 器 Mammal ， 让 Mammal 去 做 对 象 创 建 中 的 大 部 分 工作 ， 所 以 Cat 只 
需 关注 自身 的 差异 即 可 。 


var cat = function (spec) { 
spec.saying = spec.saying || 'meow'; 
var that = mammal(spec); 
that.purr = function (n) { 


var 1, S = : 


for (i = 0; i < n; i += 1) { 


if (s) { 
S += hey 
} 
S += vies 
} 
return s; 


}; 
that. get name = function ( ) “ 
return that.says( ) + ' ' + Spec.name + ' ' + 
that. Says (); 
ti 
return that; 
}; 


var myCat = cat({name: 'Henrietta'}); 
国 数 化 模式 还 给 我 们 提供 了 一 个 处 理 父 类 方法 的 方法 。 我 们 会 构 


造 一 个 superior 方 法 ， 它 取得 一 个 方法 名 并 返回 调用 那个 方法 的 阔 数 。 
该 水 数 会 调用 原来 的 方法 ， 尽 管 属性 已 经 变化 了 。 


Object.method('superior', function (name) { 
var that = this, 
method = that [name], 
return function )“ 
return method.apply(that, arguments); 
}; 
}); 


让 我 们 在 coolcat 上 试验 一 下 ，coolcat 就 像 cat 一 样 ， 除 了 它 有 一 
更 酷 的 调用 父 类 方法 的 get_name 方 法 。 它 只 需 eee 


我 们 会 声明 一 个 super_get_name 变 量 ， 并 且 把 调用 superior 方 法 所 返回 
的 结果 赋值 给 它 。 


var coolcat = function (spec) { 
var that = cat(spec), 
super_get_name = that.superior('get_name'); 
that.get_name = function (n) { 
return 'like ' + super_get_name( ) + ' baby'; 
}; 
return that; 
J; 
var myCoolCat = coolcat({name: 'Bix'}); 
var name = myCoolCat.get_name( ); 


// ‘like meow Bix meow baby' 
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少 ， 还 让 我 们 得 到 更 好 的 封装 和 信息 隐藏 ， 以 及 访问 父 类 方法 的 能 
力 。 


如 果 对 象 的 所 有 状态 都 是 私有 的 ， 那 么 该 对 象 就 成 为 一 个 “防伪 
(tamper-proof) “对 象 。 该 对 象 的 属性 可 以 被 替换 或 删除 ， 但 该 对 象 
的 完整 性 不 会 受到 损害 。 如 果 我 们 用 函数 化 的 样式 创建 一 个 对 象 ， 并 
且 该 对 象 的 所 有 方法 都 不 使 用 this 或 that， 那 么 该 对 象 就 是 持久 性 
(durable) 的 。 一 个 持久 性 对 象 就 是 一 个 简单 功能 六 数 的 集合 。 


一 个 持久 性 的 对 象 不 会 被 入 侵 。 访 问 一 个 持久 性 的 对 象 时 ， 除 非 
有 方法 授权 ， 否 则 攻击 者 不 能 访问 对 象 的 内 部 状态 。 


部 件 


Parts 


我 们 可 以 从 一 套 部 件 中 把 对 象 组 装 出 来 。 例 如 ， 我 们 可 以 构造 一 
个 给 任何 对 象 添加 简单 事件 处 理 特性 的 辫 数 。 它 会 给 对 象 添加 一 个 on 
方法 、 一 个 fire 方 法 和 一 个 私有 的 事件 注册 表 对 象 


var eventuality = function (that) { 


var registry = {}; 


that.fire = function (event) { 


// 在 一 个 对 象 上 触发 一 个 事件 。 该 事件 可 以 是 一 个 包含 事件 名 称 
的 字符 串 ， 

// 或 者 是 一 个 拥有 包含 事件 名 称 的 type 属性 的 对 象 。 

// 通 过 'on ' 方法 注册 的 事件 处 理 程 序 中 匹配 事件 名 称 的 为 数 将 被 调 
用 。 


var array, 
func, 
handler, 
i, 
type = typeof event === string! ? event : 


event.type; 


// 如 果 这 个 事件 存在 一 组 事件 处 理 程序 ， 那 么 就 遍历 它们 并 按 顺 
序 依次 执行 。 


if (registry.hasOwnProperty(type)) { 
array = registry[type]; 
for (i = 0; i < array.length; i += 1) { 
handler = array[i]; 
// 每 个 处 理 程序 包含 一 个 方法 和 一 组 可 选 的 参数 。 
// 如 果 该 方法 是 一 个 字符 串 形式 的 名 字 ， 那 么 寻找 到 该 水 数 。 


func = handler.method; 
if (typeof func === 'string') { 


func = this[func]; 


// 调用 一 个 处 理 程序 。 如 果 该 条 目 包 含 参数 ， 那 么 传递 它们 过 
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func.apply(this, 


handler.parameters || [event]); 


} 
return this; 
}; 
that.on = function (type, method, parameters) { 
// 注册 一 个 事件 。 构 造 一 条 处 理 程序 条 目 。 将 它 插入 到 处 理 程序 
数组 中 ， 
// 如 果 这 种 类 型 的 事件 还 不 存在 ， 就 构造 一 个 。 
var handler = { 
method: method, 
parameters: parameters 
}; 
if (registry.hasOwnProperty(type)) { 
registry[type].push(handler) ; 
else { 
registry[type] = [handler]; 
} 


return this; 


return that; 


}; 


我 们 可 以 在 任何 单独 的 对 象 上 调用 eventuality， 授 予 它 事件 处 理 方 
法 。 我 们 也 可 以 赶 在 that 被 返回 前 在 一 个 构造 器 水 数 中 调用 它 。 


eventuality(that); 


用 这 种 方式 ， 一 个 构造 器 函数 可 以 从 一 套 部 件 中 把 对 象 组 装 出 

JavaScript 的 弱 类 型 在 此 处 是 一 个 巨大 的 优势 ， 因 为 我 们 无 须 花 费 

情 力 去 了 解 对 象 在 类 型 系统 中 的 继承 关系 。 相 反 ， 我 们 只 需 专注 于 它 
们 的 个 性 特征 。 


如 果 我 们 想 要 eventuality 访 问 该 对 象 的 私有 状态 ， 可 以 把 私有 成 员 
集 my 传 递 给 它 。 


(D* 于 差 F&F 化 继 Kk 的 更 多 A KF 请 EB A 
https://developer.mozilla.org/en/Differential_inheritance_in_JavaScripto 

(2) TEX 是 一 个 由 美国 计算 机 教授 高 德 纳 (Donald E.Knuth) 编写 的 功能 强大 的 排版 软 
件 。 它 在 学 术 界 十 分 流行 ， 特 别 是 用 在 处 理 复 杂 的 数学 公式 时 。TEX 对 数学 公式 的 描述 语法 
就 是 使 用 花 括号 。 详 细 内 容 请 参见 http://zh.wikipedia.org/wiki/TeX。 


第 6 章 
数组 


Arrays 
你 这 披 着 羊皮 的 狼 ， 我 要 把 你 赶 走 。 


一 一 威廉 :莎士比亚 ，《 享 利 六 世上 篇 》 (The First Part of Henry 
the Sixth) 


数组 是 一 段 线 性 分 配 的 内 存 ， 它 通过 整数 计算 偏 移 并 访问 其 中 的 
元 素 。 数 组 是 一 种 性 能 出 色 的 数据 结构 。 不 幸 的 是 ，JavaScript 没 有 像 
此 类 数组 一 样 的 数据 结构 。 


作为 替代 ，JavaScript 提 供 了 一 种 拥有 一 些 类 数组 (array-like) 特 
性 的 对 象 。 它 把 数组 的 下 标 转变 成 字符 串 ， 用 其 作为 属性 。 它 明显 地 
比 一 个 真正 的 数组 慢 ， 但 它 使 用 起 来 更 方便 。 它 的 属性 的 检索 和 更 新 
的 方式 与 对 象 一 模 一 样 ， 只 不 过 多 一 个 可 以 用 整数 作为 属性 名 的 特 
性 。 数 组 有 自己 的 字面 量 格式 。 数 组 也 有 一 套 非常 有 用 的 内 置 方 法 ， 
我 将 在 第 8 章 描述 它们 。 


数组 字面 量 
Array Literals 


数组 字面 量 提供 了 一 种 非常 方便 地 创建 新 数组 的 表示 法 。 一 个 数 
组 字面 量 是 在 一 对 方 括 号 中 包围 零 个 或 多 个 用 逗号 分 隔 的 值 的 表达 


式 。 数 组 字面 量 允 许 出 现在 任何 表达 式 可 以 出 现 的 地 方 。 数 组 的 第 一 
个 值 将 获得 属性 名 '0'， 第 二 个 值 将 获得 属性 名 '1'， 依 此 类 推 : 


var empty = [ ]; 
var numbers = [ 
zero“, one“, ‘two', three“, 'four', 


f Ive, 'six', seven“, eight“, nine! 
17 
empty [11 // undefined 
numbers[1] // one 


empty.length // 0 


numbers.length // 10 


对 象 字面 量 : 


var numbers object = { 


0“: 'zero', '1': one“, '2': 'two', 
'3': 'three', '4': 'four', '5': 'five', 
'6': 'six', '7': 'seven', '8': 'eight', 
'9'; nine 


}; 


两 者 产生 的 结果 相似 。numbers 和 numbers_object 都 是 包含 10 个 属 
性 的 对 象 ， 并 且 那 些 属 性 刚好 有 相同 的 名 字 和 值 。 但 是 它们 也 有 一 些 
显著 的 不 同 。numbers 继 承 自 Array.prototype， 而 numbers_object 继 承 自 


Object.prototype ， 所 以 numbers 继 承 了 大 量 有 用 的 方法 。 同 时 ， 
numbers 也 有 一 个 诡异 的 length 属 性 ， 而 numbers_object 则 没有 。 


在 大 多 数 语言 中 ， 一 个 数组 的 所 有 元 素 都 要 求 是 相同 的 类 型 。 
JavaScript 人 允许 数组 包含 任意 混合 类 型 的 值 : 


var misc = [ 
‘string', 98.6, true, false, null, undefined, 
['nested', array! ], (object: true}, NaN, 
Infinity 

17 

misc. length // 10 


KE 
Length 

每 个 数组 都 有 一 个 lengh 属 性 。 和 大 多 数 其 他 语言 不 同 ， 
JavaScript 数 组 的 length 是 没有 上 界 的 。 如 果 你 用 大 于 或 等 于 当前 length 


的 数字 作为 下 标 来 存储 一 个 元 素 ， 那 么 length 值 会 被 增 大 以 容纳 新 元 
素 ， 不 会 发 生 数 组 越界 错误 。 


length 属 性 的 值 是 这 个 数组 的 最 大 整数 属性 名 加 上 1。 它 不 一 定 等 
于 数组 里 的 属性 的 个 数 : 


var myArray = [ ]; 


myArray.length // 0 


myArray[1000000] = true; 


myArray.length // 1000001 
// myArray 只 包含 一 个 属性 。 


[] 后 置 下 标 运算 符 把 它 所 含 的 表达 式 转 换 成 一 个 字符 串 ， 如 果 该 
表达 式 有 toString 方 法 ， 就 使 用 该 方法 的 值 。 这 个 字符 串 将 被 用 做 属性 
名 。 如 果 这 个 字符 串 看 起 来 像 一 个 大 于 等 于 这 个 数组 当前 的 length 且 小 \ 
于 4294967295 的 正 整 数 ， 那 么 这 个 数组 的 length 就 会 被 重新 设置 为 新 的 
下 标 加 1(9。 


你 可 以 直接 设置 length 的 值 。 设 置 更 大 的 length 不 会 给 数组 分 配 更 
多 的 空间 。 而 把 length 设 小 将 导致 所 有 下 标 大 于 等 于 新 length 的 属性 被 
删除 : 


numbers.length = 3; 


E 
// numbers ze ['zero', one“, 'two'] 


通过 把 下 标 指定 为 一 个 数组 的 当前 length， 可 以 附加 一 个 新 元 素 到 
该 数组 的 尾部 : 


numbers[numbers.length] = 'shi'; 


// numbers 是 ['zero', one“, two“, 'shi'] 


有 时 用 push 方 法 可 以 更 方便 地 完成 同样 的 事情 : 


numbers.push('go'); 


// numbers 是 ['zero', one“, ‘'two', 'shi', 'go'] 


删除 


Delete 


由 于 JavaScript 的 数组 其 实 就 是 对 象 ， 所 以 delete 运 算 符 可 以 用 来 
从 数组 中 移 除 元 素 : 


delete numbers[2]; 


// numbers 是 ['zero', one“, undefined, shi“, go! 
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元 素 之 后 的 元 素 保 留 着 它们 最 初 的 属性 。 而 你 通常 想 要 的 是 递减 后 面 
每 个 元 素 的 属性 。 


平 运 的 是 ，JavaScript 数 组 有 一 个 splice 方 法 。 它 可 以 对 数组 做 个 手 
术 ， 删 除 一 些 元 素 并 将 它们 替换 为 其 他 的 元 素 。 第 1 个 参数 是 数组 中 的 
一 个 序号 ， 第 2 个 参数 是 要 删除 的 元 素 个 数 。 任 何 额外 的 参数 会 在 序号 
那个 点 的 位 置 被 插入 到 数组 中 : 


numbers.splice(2, 1); 


// numbers 是 ['zero', one“, shi“, 'go'] 


值 为 'shi 的 属性 的 键 值 从 '3' 变 到 '2'。 因 为 被 删除 属性 后 面 的 每 个 属 
性 必须 被 移 除 ， 并 且 以 一 个 新 的 键 值 重新 插入 ， 这 对 于 大 型 数组 来 说 


可 能 会 效率 不 高 。 


AE 


Enumeration 


因为 JavaScript 的 数组 其 实 就 是 对 象 ， 所 以 for in 语句 可 以 用 来 遍历 
一 个 数组 的 所 有 属性 。 遗 憾 的 是 ，for in 无 法 保证 属性 的 顺序 ， 而 大 多 
数 要 遍历 数组 的 场合 都 期 望 按照 阿拉 伯 数 字 顺 序 来 产生 元 素 。 此 外 ， 
可 能 从 原型 链 中 得 到 意外 属性 的 问题 依旧 存在 。 


幸运 的 是 ， 常 规 的 for 语 句 可 以 避免 这 些 问 题 。JavaScript 的 for 语 句 
和 大 多 数 类 C (C-like) 语言 相似 。 它 被 3 个 从 句 控 囊 一 一 第 1 个 初始 化 
循环 ， 第 2 个 执行 条 件 检 测 ， 第 3 个 执行 增 量 运算 : 


var i; 
for (i = 0; i < myArray.length; i += 1) { 


document.writeln(myArray[i]); 


容易 混淆 的 地 方 


Confusion 


在 JavaScript 编 程 中 ， 一 个 常见 的 错误 是 在 必须 使 用 数组 时 使 用 了 
对 象 ， 或 者 在 必须 使 用 对 象 时 使 用 了 数组 。 其 实 规则 很 简单 : 当 属 性 
名 是 小 而 连续 的 整数 时 ， 你 应 该 使 用 数组 。 否 则 ， 使 用 对 象 。 


JavaScript 本 身 对 于 数组 和 对 象 的 区 别 是 混乱 的 。typeof 运 算 符 报 
告 数组 的 类 型 是 'object， 这 没有 任何 意义 。 


JavaScript 没 有 一 个 好 的 机 制 来 区 别 数组 和 对 象 。 我 们 可 以 通过 定 
义 自 己 的 is_array 函 数 来 弥补 这 个 缺陷 : 


var is_array = function (value) { 
return value && 
typeof value === 'object' && 
value.constructor === Array; 


}; 


遗憾 的 是 ， 它 在 识别 从 不 同 的 窗口 (window) 或 帧 (frame) 里 
构造 的 数组 时 会 失败 。 有 一 个 更 好 的 方式 去 判断 一 个 对 象 是 否 为 数 
组 : 


var is_array = function (value) { 
return Object.prototype.toString.apply(value) === 
[object Array]'; 
ti 


方法 
Methods 


JavaScript 提 供 了 一 套数 组 可 用 的 方法 。 这 些 方法 是 被 储存 在 
Array.prototype 中 的 函数 。 在 第 3 章 里 ， 我 们 看 到 Object.prototype 是 可 
以 被 扩充 的 。 同 样 ，Array.prototype 也 可 以 被 扩充 。 


举例 来 说 ， 假 设 我 们 想 要 给 array 增 加 一 个 方法 ， 它 允许 我 们 对 数 
组 进行 计算 : 


Array.method('reduce', function (f, value) { 
var i; 
for (i = 0; i < this.length; i += 1) { 
value = f(this[i], value); 
} 
return value; 


}); 


通过 给 Array.prototype 扩 充 一 个 图 数 ， 每 个 数组 都 继承 了 这 个 方 
法 。 在 这 个 例子 里 ， 我 们 定义 了 一 个 reduce 方 法 ， 它 接受 一 个 函数 和 
一 个 初始 值 作为 参数 。 它 遍历 这 个 数组 ， 以 当前 元 素 和 该 初始 值 为 参 
数 调 用 这 个 水 数 ， 并 且 计 算出 一 个 新 值 。 当 完成 时 ， 它 返回 这 个 值 。 
如 果 我 们 传 入 一 个 把 两 个 数字 相 加 的 函数 ， 它 会 计算 出 相 加 之 和 。 如 
果 我 们 传 入 把 两 个 数字 相 乘 的 函数 ， 它 会 计算 两 者 的 乘积 : 


// 创建 一 个 数字 数组 。 


var data = [4, 8, 15, 16, 23, 42]; 


// 定义 两 个 简单 的 溯 数 。 一 个 是 把 两 个 数字 相 加 ， 另 一 个 是 把 两 
个 数字 相 乘 。 


var add = function (a, b) { 
return a + b; 


}; 


var mult = function (a, b) { 
return a * b; 
}; 
// 调用 data 的 reduce 方法 ， 传 入 add RR. 
var sum = data.reduce(add, 0); // sum is 108 
// 再 次 调用 reduce 方法 ， 这 次 传 入 mult H 


var product = data.reduce(mult, 1); 


// product 是 7418880. 


因为 数组 其 实 就 是 对 象 ， 所 以 我 们 可 以 直接 给 一 个 单独 的 数组 添 
加 方法 : 


// 给 data 数组 添加 一 个 total 方法 。 
data.total = function ( ) { 


return this.reduce(add, 0); 


total = data.total( ); // total 是 108. 


因为 字符 串 'total' 不 是 整数 ， 所 以 给 数组 增加 一 个 total 属 性 不 会 改 
变 它 的 length。 当 属性 名 是 整数 时 ， 数 组 才 是 最 有 用 的 ， 但 它们 依旧 是 
对 象 ， 并 且 对 象 可 以 接受 任何 字符 串 作 为 属性 名 。 


来 自 第 3 章 的 Object.create 方 法 用 在 数组 是 没有 意义 的 ， 因 为 它 产 


生 一 个 对 象 ， 而 不 是 一 个 数组 。 产 生 的 对 象 将 继承 这 个 数组 的 值 和 方 
法 ， 但 它 没有 那个 特殊 的 length 属 性 。 


指定 初始 值 


Dimensions 


JavaScript 的 数组 通常 不 会 预 置 值 。 如 果 你 用 [ ] 得 到 一 个 新 数组 ， 
它 将 是 空 的 。 如 果 你 访问 一 个 不 存在 的 元 素 ， 得 到 的 值 则 是 
undefined。 如 果 你 知道 这 个 问题 ， 或 者 你 在 尝试 获取 每 个 元 素 之 前 都 
很 有 预见 性 地 设置 它 的 值 ， 那 就 万 事 大 吉 了 。 但 是 ， 如 果 你 实现 的 算 


法 是 假设 每 个 元 素 都 从 一 个 已 知 的 值 开始 (例如 0) ， 和 那么 你 必须 自己 
准备 好 这 个 数组 。JavaScript 应 该 提供 一 些 类 似 Array.dim 这 样 的 方法 来 
做 这 件 事 情 ， 但 我 们 可 以 很 容易 纠正 这 个 踢 忽 : 


Array.dim = function (dimension, initial) { 
var aS [I], i; 
for (i = 0; i < dimension; i += 1) { 
a[i] = initial; 
} 
return a; 


}; 
// 创建 一 个 包含 10 个 0 的 数组 。 


var myArray = Array.dim(10, 0); 


JavaScript 没 有 多 维 数 组 ， 但 就 像 大 多 数 类 C 语 言 一 样 ， 它 支持 元 
素 为 数组 的 数组 : 


var matrix = [ 
[0, 1, 2], 
[3, 4, 5], 
[6, 7, 8] 
]; 
matrix[2][1] // 7 


为 了 创建 一 个 二 维 数 组 或 者 说 数组 的 数组 ， 你 必须 自己 去 创建 那 
个 第 二 维 的 数组 : 


for (i = 0; i< n; i += 1) { 


my_array[i] = [ ]; 


// 注 意 : Array.dim(n, []) 在 这 里 不 能 工作 。 
// 如 果 使 用 它 ， 每 个 元 素 都 指向 同一 个 数组 的 引用 ， 那 后 果 不 卉 


一 个 空 的 矩 阵 的 每 个 单元 会 拥有 一 个 初始 值 undefined。 如 果 你 和 希 
望 它们 有 不 同 的 初始 值 ， 你 必须 明确 地 设置 它们 。 同 样 地 ，JavaScript 
应 该 对 答 阵 提供 更 好 的 支持 。 好 在 我 们 也 可 以 补 上 它 : 


Array.matrix = function (m, n, initial) { 
var a, 1, j, mat = [ ]; 
for (i = 0; i <m; i += 1) { 
a=[]; 
for (j = 0; j< n; j += 1) { 
a[j] = initial; 
} 
mat[i] = a; 
} 


return mat; 


// 构造 一 个 用 0 填充 的 4x4 和 矩阵 。 


var myMatrix = Array.matrix(4, 4, 0); 


document .writeln(myMatrix[3][3]); // 0 


// 用 来 构造 一 个 单位 矩阵 的 方法 。 


Array.identity = function (n) { 
var i, mat = Array.matrix(n, n, 0); 
for (i = 0; i<n; i += 1) { 
mat[i][i] = 1; 
} 
return mat; 
}; 
myMatrix = Array.identity(4); 


document.writeln(myMatrix[3][3]); // 1 


(1) 根据 ECMAScript262 的 标准 ， 数 组 的 下 标 必 须 是 大 于 等 于 0 并 小 于 232-1 的 整数 。 更 多 
内 容 请 参见 《JavaScript 权 威 指南 》 中 译 第 6 版 中 的 章节 一 “7.2 数组 元 素 的 读 和 写 ”。 


第 7 章 
正则 表达 式 
Regular Expressions 


相反 地 ， 选 到 一 个 称心 如 意 的 配偶 ， 就 能 百年 谐 合 ， 乎 
福 无 穷 。 我 们 不 应 该 选 谁 来 配 亨利 国王 ， 他 作为 一 国之 


一 -威廉 . 沙 士 比 亚 ，《 享 利 六 世上 篇 》 (The First Part of Henry 
the Sixth) 


Javascript h9 SHES ABR his. HAHA Hava, KR 
借鉴 自 Scheme 忆 ， 原 型 继承 借鉴 自 Selft2。 而 JavaScript 的 正则 表达 式 
特性 则 借鉴 目 Perl。 


正则 表达 式 是 一 门 简单 语言 的 语法 规范 。 它 应 用 在 一 些 方法 中 ， 
对 字符 串 中 的 信息 实现 查找 、 蔡 换 和 提取 操作 。 可 处 理 正 则 表达 式 的 
方 法 有 regexp.exec 、 regexp.test 、 string.match 、 string.replace 、 
string.search 和 string.split。 我 会 在 第 8 章 详 述 它 们 。 通 常 来 说 ， 在 
JavaScript 中 正则 表达 式 相 较 于 等 效 的 字符 串 处 理 有 着 显著 的 性 能 优 
势 。 


正则 表达 式 起 源 于 对 形式 语言 (formal language) 的 数学 研究 。 
Ken Thompson 基 于 Stephen Kleene 对 type-3 语 言 的 理论 研究 写 出 了 一 个 
切实 可 用 的 模式 匹配 器 ， 它 能 够 被 同 入 到 编程 语言 和 像 文 本 编辑 器 这 
样 的 工具 中 。 


在 JavaScript 中 ， 正 则 表达 式 的 语法 是 对 Pen 版 本 的 改进 和 发 展 ， 
它 非常 接近 于 贝尔 实验 室 (Bell Labs) 最 初 提 出 的 构想 。 正 则 表达 式 
的 书写 规则 出 奇 地 复杂 ， 在 某 些 位 置 上 的 字符 串 可 能 解析 为 运算 符 ， 
而 仅 在 位 置 上 稍微 不 同 的 相同 字符 串 却 可 能 被 当做 字面 量 。 比 不 易 书 
写 更 糟糕 的 是 ， 这 使 得 正则 表达 式 不 仅 难 以 阅读 ， 而 且 修改 时 充满 危 
险 。 要 想 正 确 地 阅读 它们 ， 就 必须 对 正则 表达 式 的 整个 复杂 性 有 相当 
透彻 的 理解 。 为 了 缓解 这 个 问题 ， 我 对 它 的 规则 进行 了 些许 简化 。 这 
里 所 展示 的 正则 表达 式 可 能 稍微 有 些 不 够 简洁 ， 但 使 用 它们 的 时 候 不 
会 那么 容易 出 错 。 这 是 值得 的 ， 因 为 维护 和 调试 正则 表达 式 可 能 非常 
困难 。 


现在 的 正则 表达 式 的 规则 并 不 总 是 严格 的 ， 但 它们 非常 有 用 。 正 
则 表达 式 趋 向 于 极致 的 简洁 ， 甚 至 不 惜 容忍 含义 的 模糊 。 在 最 简单 的 
形式 下 ， 它 们 是 易于 使 用 的 ， 但 可 能 很 快 就 会 变 得 让 人 费解 。 
JavaScript 的 正则 表达 式 难 以 分 段 阅读 ， 因 为 它们 不 支持 注释 和 空白 。 
正则 表达 式 的 所 有 部 分 都 被 紧密 排列 在 一 起 ， 使 得 它们 几乎 无 法 被 辨 
认 。 当 它们 在 安全 应 用 中 进行 扫描 和 验证 时 ， 这 点 就 需要 特别 地 留 
意 。 如 果 你 不 能 阅读 和 理解 一 个 正则 表达 式 ， 你 如 何 能 确保 它 对 所 有 
的 输入 都 能 正确 地 工作 呢 ? 然而 ， 尽 管 有 这 些 明显 的 缺点 ， 但 正则 表 
达 式 还 是 被 广泛 地 应 用 着 。 


一 个 例子 
An Example 


这 里 有 一 个 例子 。 它 是 一 个 用 来 匹配 URL 的 正则 表达 式 。 书 页 的 
行 宽 有 限 ， 所 以 我 把 它 拆 开 来 写成 两 行 。 在 JavaScript 程 序 中 ， 正 则 表 


达 式 必须 写 在 一 行 中 。 空 白 需 要 特别 注意 : 


var parse_url = /A(?:([A-Za-z]+):)?(\/{0,3})([0-9.\-A-Za- 
Z]+) 
(?::(\d+) )?(?:\7( [474] *))?(2:\?( [44] *)) 2 (:* (. *) 287; 


var url = "http://www.ora.com:80/goodparts?q#fragment"; 


让 我 们 调用 parse_url 的 exec 方 法 。 如 果 能 成 功 匹 配 我 们 传 给 它 的 
字符 捉 ， 它 会 返回 一 个 数组 ， 该 数组 包含 了 从 这 个 url 中 提取 出 来 的 片 


段 : 


var url = "http://www.ora.com:80/goodparts?q#fragment"; 
var result = parse_url.exec(url); 


var names = ['url', 'scheme', 'slash', 'host', 'port', 


‘path', 'query', hash], 


var blanks = ' '; 


var i; 


for (i = 0; i < names.length; i += 1) { 
document.writeln(names[i] + ':' + 


blanks.substring(names[i].length), result [i]); 


这 段 代 码 产 生 的 结果 如 下 : 


url: http://www.ora.com: 80/goodparts?q#fragment 


scheme: http 


slash: // 
host: www.ora.com 
port: 80 


path: goodparts 
query: q 


hash: fragment 


在 第 2 章 里 ， 我 们 用 铁路 图 来 描述 JavaScript 语 言 。 我 们 也 能 用 它 
来 描述 正则 表达 式 所 定义 的 语言 。 这 可 以 让 我 们 更 容易 地 看 出 一 个 正 
则 表达 式 做 了 什么 。 下 面 是 用 来 描述 parse_url 的 铁路 图 。 


parse_url 


EJ © 
oloo 


host 


letter or digit 
a or . or- i 
port 


any Ge 
II except ? or it 9 
© any 5 
hash 
any character 
kall — ine end 


正则 表达 式 不 能 像 函 数 那样 被 分 解 成 小 片段 ， 所 以 表示 parse_unl 
的 轨道 很 长 。 


让 我 们 分 解 parse_url 的 各 个 部 分 ， 看 看 它 是 如 何 工作 的 : 


人 字符 表示 此 字符 串 的 开始 。 它 是 一 个 锚 ， 指 引 exec 不 要 跳 过 那些 
不 像 URL (non-URL-like) 的 前 经 ， 只 匹配 那些 从 开头 就 像 URL 一 样 
的 字符 串 : 


(?:([A-Za-z]+):)? 


这 个 因子 匹配 一 个 协议 名 ， 但 仪 当 它 后 面 跟随 一 个 : (BS) 的 时 
候 才 匹配 。(?:…) 表 示 一 个 非 捕获 型 分 组 (noncapturing group) o &? 
表示 这 个 分 组 是 可 选 的 。 


它 表 示 重 复 0 次 或 1 次 。 (.…) 表示 一 个 捕获 型 分 组 (capturing 
group) » 一 个 捕获 型 分 组 会 复制 它 所 匹配 的 文本 ， 并 把 其 放 到 result 
数组 里 。 每 个 捕获 型 分 组 都 会 被 指定 一 个 编号 。 第 一 个 捕获 型 分 组 的 
编号 是 1， 所 以 该 分 组 所 匹配 的 文本 副本 会 出 现在 result[1] 中 。[...] 表 示 
一 个 字符 类 。A-Za-z 这 个 字符 类 包含 26 个 大 写字 母 和 26 个 小 写字 母 。 
连 字符 (-) 表示 范围 从 A 到 Z。 后 缀 + 表示 这 个 字符 类 会 被 匹配 一 次 或 
多 次 。 这 个 组 后 面 跟着 字符 :， 它 会 按 字面 进行 匹配 : 


(\/{0,3}) 

下 一 个 因子 是 捕获 型 分 组 2。V 表 示 应 该 匹配 / (RHI) 。 它 用 \ 
(REAL) 来 进行 转 义 ， 这 样 它 就 不 会 被 错误 地 解释 为 这 个 正则 表达 
式 的 结束 符 。 后 缀 {0,3} 表 示 / 会 被 匹配 0 次 ， 或 者 1 一 3 次 : 


([0-9.\-A-Za-z]+) 


下 一 个 因子 是 捕获 型 分 组 3。 它 会 匹配 一 个 主机 名 ， 由 一 个 或 多 个 
数字 、 字 和 母 ， 以 及 .或 -字符 组 成 。- 会 被 转 义 为 \- 以 防止 与 表示 范围 的 连 
N 


(?::(\d+))? 


下 一 个 可 选 的 因子 匹配 端口 号 ， 它 是 由 一 个 前 置 :加 上 一 个 或 多 个 
数字 而 组 成 的 序列 。\d 表 示 一 个 数字 字符 。 一 个 或 多 个 数字 组 成 的 数 
字 串 会 被 捕获 型 分 组 4 捕获 : 


(2:\/([42#]*))? 


接 下 来 是 另 一 个 可 选 的 分 组 。 该 分 组 以 一 个 /开始 。 之 后 的 字符 类 
[^# 以 一 个 ^ 开 始 ， 它 表示 这 个 类 包含 除 ?和 # 之 外 的 所 有 字符 。* 表 示 
这 个 字符 类 会 被 匹配 0 次 或 多 次 。 


注意 我 在 这 里 的 处 理 是 不 严谨 的 。 这 个 类 匹配 除 ? 和 # 之 外 的 所 有 
字符 ， 其 中 包括 了 行 结束 符 、 控 制 字符 ， 以 及 其 他 大 量 不 应 在 此 被 匹 
配 的 字符 。 大 多 数 情 况 下 ， 它 会 按照 我 们 的 预期 去 做 ,但 某 些 耿 意 文 
本 可 能 会 有 渗 凋 进来 的 风险 。 不 严谨 的 正则 表达 式 是 一 个 常见 的 安全 
漏洞 发 源 地 。 写 不 严谨 的 正则 表达 式 比 写 严谨 的 正则 表达 式 要 容易 得 
多 。 


(2:\2([A#]*))? 
接 下 来 ， 我 们 还 有 一 个 以 一 个 ?开始 的 可 选 分 组 。 它 包含 捕获 型 分 


组 6， 这 个 分 组 包含 0 个 或 多 个 非 # 字 符 。 


(2:#(.*))? 


我 们 的 最 后 一 个 可 选 分 组 是 以 # 开 始 的 。. 会 匹配 除 行 结束 符 以 外 
的 所 有 字符 。 


$ 


$ 表 示 这 个 字符 串 的 结束 。 它 保证 在 这 个 URL 的 尾部 没有 其 他 更 多 
内 容 了 。 


以 上 便 是 正则 表达 式 parse_url 的 所 有 因子 (2。 


parse_url 的 正则 表达 式 还 可 以 编写 得 更 复杂 ， 但 我 不 建议 这 样 
做 。 短 小 精 悍 的 正则 表达 式 是 最 好 的 。 唯 有 如 此 ， 我 们 才 有 信心 让 它 
们 正确 地 工作 并 在 需要 时 能 顺利 地 修改 它们 。 


JavaScript 的 语言 处 理 程序 之 间 兼 容 性 非常 高 。 这 门 语言 中 最 没 
移植 性 的 部 分 就 是 对 正则 表达 式 的 实现 。 结 构 复杂 或 令 人 费解 的 正则 
表达 式 很 有 可 能 导致 移植 性 问题 。 在 执行 某 些 匹 配 时 ， 主 套 的 正则 表 
达 式 也 能 导致 极 恶 劣 的 性 能 问题 。 因 此 简单 是 最 好 的 策略 。 


让 我 们 来 看 另 一 个 例子 : 一 个 匹配 数字 的 正则 表达 式 。 数 字 可 能 
由 一 个 整数 部 分 加 上 一 个 可 选 的 负 号 、 一 个 可 选 的 小 数 部 分 和 一 个 可 
选 的 指数 部 分 组 成 : 


var parse_number = /A-?\d+(?:\.\d*)?(?:e[+\- ]?\d+)?$/1; 


var test = function (num) { 


document .writeln(parse_number.test(num) ); 


}; 


test('1'); // true 
test('number'); // false 
test('98.6'); // true 


test('132.21.86.100'); // false 
test('123.45E-67'); // true 


test('123.45D-67'); // false 


parse_number 成 功 地 检验 出 这 些 字符 串 中 ， 哪 些 符合 我 们 的 规 


学 ， 哪 些 不 符合 ， 但 对 那些 不 符合 的 字符 串 ， 它 并 没有 告诉 我 们 测试 
失败 的 缘由 和 位 置 。 


让 我 们 来 分 解 parse_number: 


/^ $/1 


我 们 又 用 ^ 和 $ 来 框 定 这 个 正则 表达 式 。 它 指引 这 个 正则 表达 式 对 
文本 中 的 所 有 字符 都 进行 匹配 。 如 果 我 们 省 略 了 这 些 标识 ， 那 么 只 要 
一 个 字符 串 包 含 一 个 数字 ， 这 个 正则 表达 式 就 会 进行 匹配 。 但 有 了 这 
些 标识 ， 只 有 当 一 个 字符 串 的 内 容 仅 为 一 个 数字 时 ， 它 才 会 告诉 我 
们 。 如 果 我 们 仅 包 含 ^， 它 将 匹配 以 一 个 数字 开头 的 字符 串 。 如 果 我 们 
仅 包含 $， 则 匹配 以 一 个 数字 结尾 的 字符 串 。 


i 标 识 表 示 匹 配 字 母 时 忽略 大 小 写 。 在 我 们 的 模式 中 唯一 可 能 出 现 
的 字母 是 es。 我 们 希望 既 能 匹配 se， 也 能 匹配 E。 我 们 可 以 把 e 因 子 写 成 
[Ee] 或 (?:Ele， 但 不 必 这 么 有 麻烦 ， 因 为 我 们 使 用 了 标识 符 io 


-? 


负 号 后 面 的 ?后 缀 表示 这 个 负 号 是 可 选 的 。 


\d+ 

\d 的 含义 和 [0-9] 一 样 。 它 匹配 一 个 数字 。 后 缀 + 指引 它 可 以 匹配 一 
个 或 多 个 数字 。 

(2:\.\d*)? 


(?:…)? 表 示 一 个 可 选 的 非 捕获 型 分 组 。 通 单 用 非 捕 获 型 分 组 来 替 
代 少 量 不 优美 的 捕获 型 分 组 是 很 好 的 方法 ， 因 为 捕获 会 有 性 能 上 的 损 


失 。 这 个 分 组 会 匹配 后 面 跟 随 的 0 个 或 多 个 数字 的 小 数 点 : 


(?:e[+\-]?\d+)? 


这 是 另外 一 个 可 选 的 非 捕获 型 分 组 。 它 会 匹配 一 个 e (RE) 、 一 
个 可 选 的 正 负 号 及 一 个 或 多 个 数字 。 


结构 
Construction 


有 两 个 方法 来 创建 一 个 RegExp 对 象 。 在 以 前 的 例子 中 我 们 可 以 看 
到 ， 优 先 考 虑 的 方法 是 使 用 正则 表达 式 字面 量 。 


regexp literal | [| la 
O © 


正则 表达 式 字 面 量 被 包围 在 一 对 冬 杠 中 。 这 有 点 令 人 难以 皖 摸 ， 
因为 人 科 杠 也 被 用 做 除法 运算 符 和 注释 符 。 


RegExp 能 设置 3 个 标识 。 它 们 分 别 由 字母 g、i 和 m 来 标示 ， 我 把 它 
们 列 在 表 7-1 中 。 这 些 标识 被 直接 添加 在 RegExp 字 面 量 的 末尾 : 


// 创建 一 个 匹配 JavaScript 字 符 串 的 正则 表达 式 对 象 。 
var my_regexp = /"(?:\\.|[A\\\"])*"/g; 


7-1: 正则 表达 式 标 识 


标识 含义 


全 局 的 (匹配 多 次 ;不 同 的 方法 对 g 标 识 的 处 理 各 不 
相同 G 


多 行 (^ 和 $ 能 匹配 行 结束 符 ) 


8 
i 大 小 写 不 敏感 (忽略 字符 大 小 写 ) 


创建 一 个 正则 表达 陈 的 另 一 个 方法 是 使 用 RegExp 构 造 器 。 这 个 构 
造 器 接收 一 个 字符 串 ， 并 把 它 编译 为 一 个 RegExp 对 象 。 创 建 这 个 字符 
串 时 请 多 加 小 心 ， 因 为 反 斜 杠 在 正则 表达 式 和 在 字符 串 字面 量 中 有 一 
些 不 同 的 含义 。 通 单 需要 双 写 反 斜 枉 ， 以 及 对 引号 进行 转 义 : 


// 创建 一 个 匹配 JavaScript 字符 串 的 正则 表达 式 。 


var my_regexp = new RegEXp("、"(?:NANANA,|[ANXAAAAAN YD) XE, 
'g'); 


第 2 个 参数 是 一 个 指定 标识 的 字符 串 。RegExp 构 造 器 适用 于 必须 
在 运行 时 动态 生成 正则 表达 式 的 情形 。 


RegExp 对 象 包含 的 属性 列 在 表 7-2 中 。 
表 7-2: RegExp 对 象 的 属性 


属性 用 法 


global 如 果 标 识 g 被 使 用 ， 值 为 true 

ignoreCase 如 果 标 识 i 被 使 用 ， 值 为 true 

lastIndex 下 一 次 exec 匹 配 开始 的 索引 。 初 始 值 为 0 
multiline 如 果 标 识 m 被 使 用 ， 值 为 true 

source 正则 表达 式 源码 文本 


用 正则 表达 式 字 面 量 创建 RegExp 对 象 共享 同一 个 单 例 : 


function make_a_matcher( ) { 


return /a/gi; 


var x = make_a_matcher( ); 
var y = make_a_matcher( ); 
// 当心 : x 和 y 是 相同 的 对 象 ! 


x.lastIndex = 10; 


document.writeln(y.lastIndex); // 10 


TUR 
Elements 
让 我 们 进一步 看 看 那些 构成 正则 表达 式 的 元 素 。 
正则 表达 式 分 支 
Regexp Choice 


regexp choice 


区 regexp sequence 5 


一 个 正则 表达 式 分 支 包 含 一 个 或 多 个 正则 表达 式 序 列 。 这 些 序列 
被 | (HE) 字符 分 隔 。 如 果 这 些 序列 中 的 任何 一 项 符合 匹配 条 件 ， 那 
么 这 个 选择 就 被 匹配 。 它 尝试 按 顺 序 依次 匹配 这 些 序列 项 。 所 以 : 


"into".match(/in|int/) 


会 在 into 中 匹配 in。 但 它 不 会 匹配 int， 因 为 in 已 被 成 功 匹 配 了 。 


正则 表达 式 序 列 


Regexp Sequence 


regexp quantifier 


一 个 正则 表达 式 序 列 包 含 一 个 或 多 个 正则 表达 式 因 子 。 每 个 因子 
能 选择 是 否 跟随 一 个 量词 ， 这 个 量词 决定 着 这 个 因子 被 允许 出 现 的 次 
数 。 如 果 没 有 指定 这 个 量词 ， 那 么 该 因子 只 会 被 匹配 一 次 。 


正则 表达 式 因子 


Regexp Factor 


regexp factor 


any Unicode character except / and \ and 


[ and ] and ( and ) and { and } and ? and 
+and * and | and control character 
EE 


regexp group 


一 个 正则 表达 式 因 子 可 以 是 一 个 字符 、 一 个 由 圆 括 号 包围 的 组 、 
一 个 字符 类 ， 或 者 是 一 个 转 义 序列 。 除 了 控制 字符 和 特殊 字符 以 外 ， 
所 有 的 字符 都 会 被 按照 字面 处 理 : 


如 果 你 希望 上 面 列 出 的 字符 按 字面 去 匹配 ， 那 么 必须 要 用 一 个 \ 前 
缀 来 进行 转 义 。 你 如 果 拿 不 准 的 话 ， 可 以 给 任何 特殊 字符 都 添加 一 个 
\ 前 缀 来 使 其 字面 化 。 注 意 \ 前 缀 不 能 使 字母 或 数字 字面 化 。 


eae ML Sh he ak Pe A 


一 个 未 被 转 义 的 .会 匹配 除 行 结束 符 以 外 的 任何 字符 。 


当 ]astIndex 属 性 值 为 0 时 ， 一 个 未 转 义 的 ^ 会 匹配 文本 的 开始 。 当 
指定 了 mm 标识 时 ， 它 也 能 匹配 行 结 束 符 。 


一 个 未 转 义 的 $ 将 匹配 文本 的 结束 。 当 指定 了 m 标 识 时 ， 它 也 能 苞 
配 行 结束 符 。 


正则 表达 式 转 义 
Regexp Escape 


反 斜 杠 字 符 在 正则 表达 式 因 子 中 与 其 在 字符 串 中 一 样 均 表示 转 
义 ， 但 是 在 正则 表达 式 因子 中 ， 它 稍 有 一 点 不 同 。 


像 在 字符 串 中 一 样 ，\ 是 换 页 符 ，\ 是 换行 符 ，Y 是 回 车 符 ，xt 是 
制 表 (tab) 符 ， 并 且 \ 人 允许 指定 一 个 Unicode 字 符 来 表示 一 个 十 六 进 制 | 
的 常量 。 但 在 正则 表达 式 因 子 中 ，\b 不 是 退 格 (backspace) 符 。 


\d 等 同 于 [0-9]， 它 匹配 一 个 数字 。\D 则 表示 与 其 相反 的 : [^0-9]。 


\s = [al F [\f\n\r\t\u000B\u0020\u00A 0\u2028\u2029]. Unicode 
空白 (whitespace) 符 的 一 个 不 完全 子 集 。\S 则 表示 与 其 相反 的 : 
[A\f\n\r\t\u000B\u0020\u00A0\u2028\u2029 |. 


\w 等 同 于 [0-9A-Z_a-z]。\W 则 表示 与 其 相反 的 : [A0-9A-Z_a-z]。 
\W 本 意 是 希望 表示 出 现在 话语 中 的 字符 。 遗 憾 的 是 ， 它 所 定义 的 类 实 
际 上 对 任何 真正 的 语言 来 说 都 不 起 作用 。 如 果 你 需要 匹配 信件 一 类 的 
文本 ， 你 必须 指定 自己 的 类 。 


regexp escape 


1 
2 
O return 


any special character 
back reference 


integer 


一 个 简单 的 字母 类 是 [A-Za-zvu00C0-\u1FFFvu2800-uFFFD]。 它 包 
括 所 有 的 Unicode 字 母 ， 但 它 也 包括 成 千 上 万 非 字 母 的 字符 。Unicode 
是 巨大 而 复杂 的 。 构 造 一 个 基本 多 语言 面 名 的 精确 字母 类 是 有 可 能 
的 ， 但 它 将 会 变 得 庞大 而 低 效 。JavaScript 的 正则 表达 式 对 国际 化 的 支 
持 非常 有 限 。 


\b 被 指定 为 一 个 字 边 界 (word-boundary) 标识 ， 它 方便 用 于 对 文 
本 的 字 边 界 进行 匹配 。 和 遗憾 的 是 ， 它 使 用 \w 去 寻找 字 边 界 ， 所 以 它 对 
多 语言 应 用 来 说 是 完全 无 用 的 。 这 并 不 是 一 个 好 的 特性 。 


\1 是 指向 分 组 1 所 捕获 到 的 文本 的 一 个 引用 ， 所 以 它 能 被 再 次 匹 
配 。 例 如 ， 你 能 用 下 面 的 正则 表达 式 来 搜索 文本 中 的 重复 的 单词 : 


var doubled_words = 


/([A-Za-z\uO00CO-\ULFFF\U2800-\UFFFD]+)\s+\1/gi; 


doubled_words 会 寻找 重复 的 单词 (包含 一 个 或 多 个 字母 的 字符 
) ， 该 单词 的 后 面 跟着 一 个 或 多 个 空白 ， 然 后 再 跟着 与 它 相同 的 单 


词 。 
\2 是 指向 分 组 2 的 引用 ，\3 是 指向 分 组 3 的 引用 ， 依 此 类 推 。 


正则 表达 式 分 组 
Regexp Group 


分 组 共有 4 种 。 


捕获 型 


一 个 捕获 型 分 组 是 一 个 被 包围 在 圆 括号 中 的 正则 表达 式 分 
支 。 任 何 匹配 这 个 分 组 的 字符 都 会 被 捕获 。 每 个 捕获 型 分 组 都 被 
指定 了 一 个 数字 。 在 正则 表达 式 中 第 1 个 捕获 (的 是 分 组 1， 第 2 个 
捕获 (的 是 分 组 2。 


regexp group 
capturing 


noncapturing 
S— 


positive lookahead 
© 


negative lookahead 


非 捕获 型 


非 捕获 型 分 组 有 一 个 (?: 前 缀 。 非 捕获 型 分 组 仅 做 简单 的 匹 
本 ， 并 不 会 捕获 所 匹配 的 文本 。 这 会 审 来 微弱 的 性 能 优势 。 非 捕 
获 型 分 组 不 会 干扰 捕获 型 分 组 的 编号 。 


向 前 正 向 匹配 (Positive lookahead) 


向 前 正 向 匹配 分 组 有 一 个 (?= 前 缀 。 它 类 似 于 非 捕获 型 分 组 ， 
但 在 这 个 组 匹配 后 ， 文 本 会 倒 回 到 它 开始 的 地 方 ， 实 际 上 并 不 匹 
配 任何 东西 。 这 不 是 一 个 好 的 特性 。 


向 前 负 向 匹配 (Negative lookahead) 


向 前 负 向 匹配 分 组 有 一 个 (?! 前 缀 。 它 类 似 于 向 前 正 向 匹配 分 
组 ， 但 只 有 当 它 匹配 失败 时 它 才 继续 向 前 进行 匹配 。 这 不 是 一 个 
好 的 特性 。 


正则 表达 式 字 符 集 
Regexp Class 


regexp class 


(2) any Unicode character 2 and x 
and [ and | and“ and - and 
control character 
(2) 
regexp class escape 


正则 表达 式 字 符 集 是 一 种 指定 一 组 字符 的 便利 方式 。 人 例如， 如果 
想 匹 配 一 个 元 音字 母 ， 我 们 可 以 写 做 (?:aleliloln)， 但 它 可 以 被 更 方便 地 


写成 一 个 类 [aeiou]。 


1 * $%&'()*+, - . Ss! 
<=>? Q@0Q[\] ^ 人 | 上 = 


类 提供 另外 两 个 便利 。 第 1 个 是 能 够 指定 字符 范围 。 所 以 ， 一 组 由 
32 个 ASCII 的 特殊 字符 组 成 的 集合 : 


你 可 以 写成 这 样 : 
ZELAS% R ACAO G AVE G eS 
COMISE IMIM I~) 


稍微 好 看 一 些 的 写法 是 : 


- VI. - ANL IA 


它 包括 从 ! 到 /、 从 :到 @、 从 [到 和 从 [到 ~ 的 字符 。 但 它 看 起 来 依旧 
相当 难以 阅读 。 


另 一 个 方便 之 处 是 类 的 求 反 。 如 果 [ 后 的 第 一 个 字符 是 ^， 那 么 这 
个 类 会 排除 这 些 特殊 字符 。 


所 以 [AI-V:-@\[-`{-~] 会 匹配 任何 一 个 非 ASCII 特 殊 字符 的 字符 。 


正则 表达 式 字 符 转 义 
Regexp Class Escape 


regexp class escape 
backspace 


Bd 
formfeed 
| 

(n) 

© return 

© 4 


hexadecimal 
digits 


any special character 


— | 
whitespace 
(s) 


字符 类 内 部 的 转 义 规则 和 正则 表达 式 因 子 的 相 比 稍 有 不 同 。 此 处 
的 [\b] 是 退 格 符 。 下 面 是 在 字符 类 中 需要 被 转 义 的 特殊 字符 : 


„ IXI * 


正则 表达 陈 量词 


Regexp Quantifier 


正则 表达 式 因子 可 以 用 一 个 正则 表达 式 量词 后 缀 来 决定 这 个 因子 
应 该 被 匹配 的 次 数 。 包 围 在 一 对 花 括 号 中 的 一 个 数字 表示 这 个 因子 应 
该 被 匹配 的 次 数 。 所 以 ，/www/ 匹 配 的 和 /w{3}/ 一 样 ，{3,6} 会 匹配 3、 
4、5 或 6 次 ，{3,} 会 匹配 3 次 或 更 多 次 。 


regexp quantifier 


?等 同 于 {0,1}，* 等 同 于 {0,}，+ 则 等 同 于 {1,}。 


如 果 只 有 一 个 量词 ， 表 示 趋 向 于 进行 贪 区 性 匹配 ， 即 匹配 尽 可 能 
多 的 副本 直至 达到 上 限 。 如 果 这 个 量词 附加 一 个 后 缀 ?， 则 表示 趋向 于 
进行 非 贫 要 匹配 ， 即 只 匹配 必要 的 副本 融 好 。 一 般 情 况 下 最 好 坚持 使 
用 贫 区 性 匹配 。 


(1) Scheme， 一 种 多 范 型 的 编程 语言 ， 它 是 两 种 lisp 主 要 的 方言 之 一 。 而 lisp 〈 全 名 LISt 
Processor， 即 链表 处 理 语言 ) 是 由 约翰 :麦卡锡 在 1960 年 左右 创造 的 一 种 基于 和 演算 的 函数 式 编 


程 语 言 。 更 多 详细 内 容 请 参见 http://zh.wikipedia.org/wiki/Scheme 和 
http://zh.wikipedia.org/wiki/Lispo 

(2) Self 语 言 ， 是 一 种 基于 原型 的 面向 对 象 程序 设计 语言 ， 于 1986 年 由 施乐 帕 洛 阿尔 托 研 
究 中 心 的 David Ungar 和 Randy Smith 给 出 了 最 初 的 设计 。 更 多 详细 内 容 请 参见 
http://zh.wikipedia.org/wiki/Self 语言 。 

(3) 在 数学 、 远 辑 和 计算 机 科学 中 ， 形 式 语 言 是 用 精确 的 数学 或 机 器 可 处 理 的 公式 定义 的 
语言 。 更 多 相关 内 容 请 参见 http://zh.wikipedia.org/wiki/ 形 式 语言 。 

(4) 当 你 把 它们 全 部 写 在 一 起 时 ,在 视觉 上 是 相当 难以 辨识 的 : /人 A(?:([A-Za-z]+):)? 
(\V{0,3})({0-9.\-A-Za-z]+)(2::0\d-+))2(2:V(LA2#]*)) (PAL?) 

(5) 比如 RegExp 对 象 的 exec 方 法 和 test 方 法 ， 作 者 不 建议 在 test 方 法 中 对 正则 表达 式 使 用 g 
标识 。 再 比如 String 的 match 方 法 和 search 方 法 ，search 方 法 会 忽略 g 标 识 。 更 多 内 容 可 参见 下 一 
章 的 内 容 。 

(6) 基本 多 语言 面 (Basic Multilingual Plane，BMP) ， 或 者 称 第 0 平面 (Plane 0) ， 是 
Unicode 中 的 一 个 编码 区 段 。 编 码 从 U+0000 至 U+FFFF。 详 细 信 息 见 http://zh.wikipedia.org/wiki/ 


BA EXIF Ho 


=. 
第 8 章 
Methods 
他 虽 疯 ， 但 却 有 他 的 一 套 理论 。 


一 一 威廉 :莎士比亚 ，《 丹 麦 王 子 ， 哈 姆 雷 特 的 悲剧 》 (The 
Tragedy of Hamlet, Prince of Denmark) 


JavaScript 包 含 了 一 套 小 型 的 可 用 在 标准 类 型 上 的 标准 方法 集 。 
Array 


array.concat(item...) 


concat 方 法 产生 一 个 新 数组 ， 它 包含 一 份 array 的 浅 复制 (shallow 
copy) 并 把 一 个 或 多 个 参数 ;item 附加 在 其 后 。 如 果 参 数 item 是 一 个 数 
组 ， 那 么 它 的 每 个 元 素 会 被 分 别 添加 。 后 面 你 还 会 看 到 和 它 功 能 类 似 
的 array.push(item...) 方 法 。 


var a= ['a', 'b', c, 
var b = ['x', 'y', 'z']; 
var c = a.concat(b, true); 


// C ap AY ['a', e, mes, „ 'y', DZE true] 


array.join(separator) 


join 方 法 把 一 个 array 构 造成 一 个 字符 串 。 它 先 把 array 中 的 每 个 元 
素 构 造成 一 个 字符 串 ， 接 着 用 一 个 separator 分 隔 符 把 它们 连接 在 一 
起 。 默 认 的 separator 是 逗号 ,'"。 要 想 做 到 无 间隔 的 连接 ， 我 们 可 以 使 用 
空 字符 串 作 为 separatoro 


如 果 你 想 把 大 量 的 字符 串 片段 组 装 成 一 个 字符 串 ， 把 这 些 片段 放 
到 一 个 数组 中 并 用 join 方法 连接 起 来 通常 比 用 + 元 素 运算 符 连 接 这 些 片 
RERO, 


var a = ['a', 'b', 'c']; 
a.push('d'); 


var c = a.join(''); // c 是 'abcd'; 


array.pop( ) 


pop 和 push 方 法 使 得 数组 array 可 以 像 堆栈 (stack) 一 样 工 作 。pop 
方法 移 除 array 中 的 最 后 一 个 元 素 并 返回 该 元 素 。 如 果 该 array 是 


empty， 它 会 返回 undefined。 


var a = ['a', 'b', 'c']; 


var c = a.pop( ); // a E ['a', 'b'] &c E 'c' 


pop 可 以 像 这 样 实 现 : 


Array.method('pop', function ( ) { 
return this.splice(this.length - 1, 1)[0]; 
+); 


array.push(item...) 


push 方 法 把 一 个 或 多 个 参数 item 附 加 到 一 个 数组 的 尾部 。 和 concat 
方法 不 同 的 是 ， 它 会 修改 array， 如 果 参 数 item 是 一 个 数组 ， 它 会 把 参 
数 数 组 作为 单个 元 素 整个 添加 到 数组 中 ， 并 返回 这 个 array 的 新 长 度 
值 。 


var a = ['a', 'b', 'c']; 
var b = ['x', 'y', 'z']; 
var c = a.push(b, true); 


// a ['a', 5 TE ['x', yng PZ ily true] 


E 
Ze 
三 | 
Ze 


// C 5 


push 可 以 像 这 样 实现 : 


Array.method('push', function ( ) { 
this.splice.apply( 
this, 
[this.length, 0]. 


concat(Array.prototype.slice.apply(arguments) )); 


return this.length; 


}); 


array.reverse( ) 


reverse 方 法 反 转 array 里 的 元 素 的 顺序 ， 并 返回 array 本 身 : 


var a = ['a', 'b', 'c']; 
var b = a.reverse( ); 


// a 和 b 都 是 [c, 'b’, a“ 


array.shift( ) 


shift 方 法 移 除 数组 array 中 的 第 1 个 元 素 并 返回 该 元 素 。 如 果 这 个 数 


E= 


组 array 是 空 的 ， 它 会 返回 undefined。 shift 通 常 比 pop 慢 得 多 : 


var a = ['a', 'b', 'c']; 


var c = a.shift( ); / a Ib., 'c'] &c Æ 'a' 


shift 可 以 这 样 实现 : 
Array.method('shift', function ( ) { 


return this.splice(0, 1)[0]; 
+); 


array.slice(start, end) 


slice 方 法 对 array 中 的 一 段 做 浅 复制 。 首 先 复 制 array[start]， 一 直 
复制 到 array[end] 为 止 。end 参 数 是 可 选 的 ， 默 认 值 是 该 数组 的 长 度 
array.length。 如果 两 个 参数 中 的 任何 一 个 是 负数 ，array.length 会 和 它 
们 相 加 ， 试 图 让 它们 成 为 非 负 数 。 如 果 start 大 于 等 于 array.length， 得 
到 的 结果 将 是 一 个 新 的 空 数组 。 千 万 别 把 slice 和 splice 弄 混 了 。 字 符 串 
也 有 一 个 同名 的 方法 ， 参 见 本 章 后 面 的 string.slice。 


var a = ['a', 'b', 'c']; 
var b = a.slice(0, 1); // b [a] 
var c = a.slice(1); // c 是 ['b', 'c'] 


var d = a.slice(1, 2); // d 是 ['b'] 


array.sort(comparefn) 


sort 方 法 对 array 中 的 内 容 进 行 排序 。 它 不 能 正确 地 给 一 组 数字 排 
序 : 


var n = [4, 8, 15, 16, 23, 42]; 
n.sort( ); 


// n [15, 16, 23, 4, 42, 8] 


JavaScript 的 默认 比较 函数 把 要 被 排序 的 元 素 都 视 为 字符 串 。 它 尚 
未 足够 智能 到 在 比较 这 些 元 素 之 前 先 检 测 它们 的 类 型 ， 所 以 当 它 比较 
这 些 数 字 的 时 候 ， 会 把 它们 转化 为 字符 串 ， 于 是 得 到 一 个 错 得 离谱 的 
结果 。 


幸运 的 是 ， 你 可 以 使 用 自己 的 比较 函数 来 替换 默认 的 比较 函数 。 
你 的 比较 函数 应 该 接受 两 个 参数 ， 并 且 如 果 这 两 个 参数 相等 则 返回 0， 
如 果 第 1 个 参数 应 该 排列 在 前 面 ， 则 返回 一 个 负数 ， 如 果 第 2 个 参数 应 
该 排列 在 前 面 ， 则 返回 一 个 正 数 。 (这 或 许 使 编程 老 前 辈 们 想起 了 
FORTRAN II 的 算术 IF 语句 多。 ) 


n.sort(function (a, b) { 
return a - b; 
+); 


// n x= [4, 8, 15, 16, 23, 42]; 


上 面 这 个 阔 数 可 以 使 效 字 正 确 排序 ， 但 它 不 能 使 子 符 串 排 序 。 如 
果 我 们 想 要 给 任何 包含 简单 值 的 数组 排序 ， 必 须要 做 更 多 的 工作 : 


var m = ['aa', 'bb', 'a', 4, 8, 15, 16, 23, 42]; 
m.sort(function (a, b) { 
if (a === b) { 
return 0; 
} 
if (typeof a === typeof b) { 


returna < b ? -1 : 1; 


} 
return typeof a < typeof b ? -1: 1; 
+); 


// m 是 [4, 8, 15, 16, 23, 42, an, aa“, 'bb'] 


如 果 大 小 写 不 重要 ， 你 的 比较 函数 应 该 在 比较 之 前 先 将 两 个 运算 
数 转化 为 小 写 。 此 外 请 参见 本 章 后 面 的 string.localeCompareo 


JURA TS ES BEALE, FRA LAER RAH. A 
a ooo 般 的 情况 ， 我 们 将 编写 一 个 构造 比较 函数 的 
PRISM : 


// by 函数 接受 一 个 成 员 名 字符 串 作为 参数 ， 
// 并 返回 一 个 可 以 用 来 对 包含 该 成 员 的 对 象 数组 进行 排序 的 比较 


var by = function (name) { 
return function (o, p) { 
var a, b; 
if (typeof o === object! && typeof p === object! && 
o && p) { 
a = o[name]; 
b = p[name]; 
if (a === b) { 
return 0; 
} 
if (typeof a === typeof b) { 


return a <b? -1 : 1; 


} 
return typeof a < typeof b ? -1 : 1; 
} else { 
throw { 
name: Error“, 
message: Ex pected an object when sorting by ' 
+ name 
}; 
} 
}; 
}; 
var s= [ 


{first: 'Joe', last: 'Besser'}, 
{first: 'Moe', last: 'Howard'}, 
{first: 'Joe', last: 'DeRita'}, 
{first: 'Shemp', last: 'Howard'}, 
{first: Larry“, last: 'Fine'}, 
{first: 'Curly', last: 'Howard'} 

]; 

s.sort(by('first')): // s = [ 

// {first: 'Curly', last: 'Howard'}, 

// {first: 'Joe', last: 'DeRita'}, 

// {first: 'Joe', last: 'Besser'}, 

// {first: 'Larry', last: 'Fine'}, 


// {first: 'Moe', last: 'Howard'}, 


ff {first: 'Shemp', last: 'Howard'} 
// | 


sort D Ae TS ERS, PRA PHH: 


s.sort(by('first')).sort(by('last')); 


不 能 保证 产生 正确 的 序列 。 如 果 你 想 基于 多 个 键 值 进行 排序 ， 你 
需要 再 次 做 更 多 的 工作 。 我 们 可 以 修改 by 孙 数 ， 让 其 可 以 接受 第 2 个 参 
数 ， 当 主要 的 键 值 产 生 一 个 匹配 的 时 候 ， 另 一 个 compare 方 法 将 被 调用 
以 决 出 高 下 。 


// by 函数 接受 一 个 成 员 名 字符 串 和 一 个 可 选 的 次 要 比较 阔 数 作 
为 参数 ， 
// 并 返回 一 个 可 以 用 来 对 包含 该 成 员 的 对 象 数 组 进行 排序 的 比较 


// A olname] 和 p[name] 相 等 时 ， 次 要 比较 函数 被 用 来 决 出 高 


var by = function (name, minor) { 
return function (o, p) { 
var a, b; 
if (0 && p && typeof o === 'object' && typeof p === 
‘object') { 
a = o[name]; 


b = p[name]; 


F(A 


return typeof minor === 'function' ? minor(o, 
p) : 0; 
} 
if (typeof a === typeof b) { 
return a < b ? -1: 1; 
} 
return typeof a < typeof b ? -1 : 1; 
} else { 
throw { 
name: Error“, 
message: Ex pected an object when sorting by ' 
+ name; 
}; 
} 
}; 
}; 


=] 


s.sort(by('last', by('first'))); // s 2 [ 
// {first: Joe“, last: 'Besser'}, 

// {first: 'Joe', last: 'DeRita'}, 

// {first: 'Larry', last: 'Fine'}, 

// {first: 'Curly', last: 'Howard'}, 

// {first: 'Moe', last: 'Howard'}, 

// {first: 'Shemp', last: 'Howard'} 

// ] 


array.splice(start, deleteCount, item...) 


splice 方 法 从 array 中 移 除 一 个 或 多 个 元 素 ， 并 用 新 的 item 替 换 它 
们 。 参 数 start 是 从 数组 array 中 移 除 元 素 的 开始 位 置 。 参 数 deleteCount 
是 要 移 除 的 元 素 个 数 。 如 果 有 额外 的 参数 ， 那 些 item 会 插入 到 被 移 除 
元 素 的 位 置 上 。 它 返回 一 个 包含 被 移 除 元 素 的 数组 。 


var a = ['a', 'b', c, 
var r = a.splice(1, 1, ache“, 'bug'); 
// a [ a, ache“, 'bug', ‘'c'] 


// r 是 ['b'] 


splice 最 主要 的 用 处 是 从 一 个 数组 中 删除 元 素 。 千 万 不 要 把 splice 


和 slice 弄 混 了 : 


splice 可 以 像 这 样 实现 : 


Array.method('splice', function (start, deleteCount) { 
var max = Math.max, 
min = Math.min, 
delta, 
element, 
insertCount = max(arguments.length - 2, 0), 
k= O, 


len = this.length, 


new_len, 
result = [ ], 


shift_count; 


start = start || 0; 
if (start < 0) { 
start += len; 
} 
start = max(min(start, len), 0); 
deleteCount = max(min(typeof deleteCount === 'number' ? 
deleteCount : len, len - start), 0); 
delta = insertCount - deleteCount; 
new_len = len + delta; 
while (k < deleteCount) { 
element = this[start + k]; 
if (element !== undefined) { 
result[k] = element; 
} 
K ta 
} 
shift_count = len - start - deleteCount; 
if (delta < 0) { 
k = start + insertCount; 
while (shift_count) { 
this[k] = this[k - delta]; 
k += 1; 


shift_count -= 1; 


} 
this.length = new_len; 
} else if (delta > 0) { 
k = 1; 
while (shift_count) { 
this[new_len - k] = this[len - k]; 
k += 1; 
shift_count -= 1; 
} 
this.length = new_len; 
} 
for (k = 0; k < insertCount; k += 1) { 
this[start + k] = arguments[k + 2]; 
} 
return result; 


}); 


array.unshift(item...) 


unshift 方 法 像 push 方 法 一 样 ， 用 于 把 元 素 添 加 到 数组 中 ， 但 它 是 
把 ;item 插入 到 array 的 开始 部 分 而 不 是 尾部 。 它 返回 array 的 新 的 
length®: 


var a = ['a', 'b', 'c']; 


var r = a.unshift('?', '@'); 


// a 是 
// r 是 


unshift 可 以 像 这 样 实现 : 


Array.method('unshift', function ( ) { 


this.splice.apply(this, 


Q@].concat(Array.prototype.slice.apply(arguments))); 


return this.length; 


J); 
Function 


function. apply (thisArq, argArray) 


apply 方 法 调用 function， 传 递 一 个 会 被 绑 定 到 this 上 的 对 象 和 一 个 
可 选 的 数组 作为 参数 。apply 方 法 被 用 在 apply 调 用 模式 (apply 
invocation pattern) H (参见 第 4 章 ) 。 


Function.method('bind', function (that) { 
var method = this, 
slice = Array.prototype.slice, 


args = slice.apply(arguments, [1]); 


return function ( ) { 


return method.apply(that, 


args.concat(slice.apply(arguments, [0]))); 


+ 
}); 


var x = function ( ) { 


return this.value; 
}.bind({value: 666}); 
alert(x( )); // 666 


Number 


number.toExponential(fractionDigits) 


toExponential 方 法 把 这 个 number 转 换 成 一 个 指数 形式 的 字符 串 。 
可 选 参数 factionDigits 控 制 其 小 数 点 后 的 数字 位 数 。 它 的 值 必须 在 0 一 


20: 


document.writeln(Math. 
document.writeln(Math. 
document .writeln(Math. 
document .writeln(Math. 


document.writeln(Math. 


PI. 


PI. 


PI. 


PI. 


PI. 


toExponential(0)); 
toExponential(2)); 
toExponential(7)); 
toExponential(16)); 


toExponential( )); 


XY 结果 


3e+0 

3.14e+0 

3.1415927e+0 
3.1415926535897930e+0 


3.141592653589793e+0 


number.toFixed(fractionDigits) 


toFixed 方 法 把 这 个 number 转 换 成 为 一 个 十 进 制 数 形 式 的 字符 串 。 
可 选 参数 fractionDigits 控 制 其 小 数 点 后 的 数字 位 数 。 它 的 值 必须 在 0~ 


20， 默 认为 0: 


document .writeJln(Math 
document.writeln(Math. 
document.writeln(Math. 
document.writeln(Math. 


document.writeln(Math. 


// 结果 


3 
3.14 


3.1415927 


PI. 


PI. 


PI. 


PI. 


PI. 


toFixed(0)); 
toFixed(2)); 
toFixed(7)); 
toFixed(16)); 


toFixed( )); 


3.1415926535897930 
3 


number.toPrecision(precision) 


toPrecision 方 法 把 这 个 number 转 换 成 为 一 个 十 进 制 数 形式 的 字符 
串 。 可 选 参数 precision 控 制 数字 的 精度 。 它 的 值 必须 在 0 一 21: 


document.writeln(Math.PI.toPrecision(2)); 
document.writeln(Math.PI.toPrecision(7)); 
document.writeln(Math.PI.toPrecision(16)); 


document.writeln(Math.PI.toPrecision( )); 
// 结果 


3 

3.141593 

3.141 592653589793 
3.14 1592653589793 


number. tostring(rudix) 


toString 方 法 把 这 mumber 转 换 成 为 一 个 字符 串 。 可 选 参数 radix 控 制 
基数 。 它 的 值 必 须 在 2~36。 默 认 的 radix 是 以 10 为 基数 的 。radix 参 数 
最 常用 的 是 整数 ， 但 是 它 可 以 用 任意 的 数字 。 


在 最 普通 的 情况 下 ，number.toString( ) 可 以 更 简单 地 写 为 


String(number): 


document .writeln(Math.PI.toString(2)); 
document.writeln(Math.PI.toString(8) ); 
document .writeln(Math.PI.toString(16) ); 


document.writeln(Math.PI.toString( )); 

// 结果 

11 .001001000011111101101010100010001000010110100011 
3.1103755242102643 


3.243f6a8885a3 
3.141592653589793 


Object 


object.hasOwnProperty(name) 
如 果 这 个 object 包 含 一 个 名 为 name 的 属性 ， 那 么 hasOwnProperty 方 


法 返回 true。 原 型 链 中 的 同名 属性 是 不 会 被 检查 的 。 这 个 方法 对 name 
就 是 “hasOwnProperty” 时 不 起 作用 ， 此 时 会 返回 false: 


var a = {member: true}; 


var b = Object.create(a); // RBA 3 章 
var t = a.hasOwnProperty('member'); // t 是 true 


var u = b.hasOwnProperty('member'); // u false 


E 
Ze 
E 
Ze 


var v = b.member; // N true 


RegExp 


regexp.exec(string) 


exec 方 法 是 使 用 正则 表达 式 的 最 强大 (和 最 慢 ) WAKA MRE 
成 功 地 匹配 regexp 和 字符 串 string， 它 会 返回 一 个 数组 。 数 组 中 下 标 为 0 
的 元 素 将 包含 正则 表达 式 regexp 匹 配 的 子 字符 串 。 下 标 为 1 的 元 素 是 分 
组 1 捕获 的 文本 ， 下 标 为 2 的 元 素 是 分 组 2 捕获 的 文本 ， 依 此 类 推 。 如 果 
匹配 失败 ， 它 会 返回 null。 


如 果 regexp 带 有 一 个 g 标 识 (全 局 标识 ) ， 事 情 会 变 得 更 加 复杂 。 
查找 不 是 从 这 个 字符 串 的 起 始 位 置 开 始 ， 而 是 从 regexp.lastIndex ( 初 
始 值 为 0) 位 置 开 始 。 如 果 匹 配 成 功 ， 那 么 regexp.lastIndex 将 被 设置 为 
该 匹配 后 第 一 个 字符 的 位 置 。 不 成 功 的 匹配 会 重 置 regexp.lastIndex 为 
0o 


这 就 允许 你 通过 循环 调用 exec 去 查询 一 个 匹配 模式 在 一 个 字符 串 
中 发 生 了 几 次 。 有 两 件 事情 需要 注意 。 如 果 你 提前 退出 了 这 个 循环 ， 
再 次 进入 这 个 循环 前 必须 把 regqexp.lastIndex 重 置 到 0。 而 且 ，^ 因 子 仅 
匹配 regexp.lastIndex 为 0 的 情况 。 


// 把 一 个 简单 的 HTML 文本 分 解 为 标签 和 文本 。 
, (entityify 方法 请 参见 string. replace) 


// 对 每 个 标签 和 文本 ， 都 产生 一 个 数组 包含 如 下 元 素 : 
// [0] 整个 匹配 的 标签 和 文本 

// III GRRL) ， 如 果 有 的 话 

// [2] 标签 名 

// Bl 属性 ， 如 果 有 任何 属性 的 话 


var text = '<html><body bgcolor=linen><p>' + 
'This is <b>bold<\/b>!<\/p><\/body><\/html>' ; 
var tags = /[4<>]+|<(\/?)([A-Za-z]+) ([<>]*)>/g; 


var a, i; 


while ((a = tags.exec(text))) { 


for (i = 0; i < a.length; i += 1) { 


document.writeln(('// [' + i + 


a[i]).entityify( )); 
} 


document.writeln( ); 


// 结果 : 


// [0] <html> 


// 
// 
// 


// 
// 
// 
// 


// 
// 
// 
// 


// 
// 
// 
// 


// 
// 
// 
// 


// 
// 
// 


[1] 
[2] 
[3] 


[0] 
[1] 
[2] 
[3] 


[0] 
[1] 
[2] 
[3] 


[0] 
[1] 
[2] 
[3] 


[0] 
[1] 
[2] 
[3] 


[0] 
[1] 
[2] 


html 


<body bgcolor=linen> 


body 


bgcolor=linen 


<p> 


This is 
undefined 
undefined 


undefined 


<b> 


bold 
undefined 


undefined 


// 


// 
// 
// 
// 


// 
// 
// 
// 


// 
// 
// 
// 


// 
// 
// 
// 


// 
// 
// 
// 


[3] 


[0] 
[1] 
[2] 
[3] 


[0] 
[1] 
[2] 
[3] 
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l 
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undefined 


</p> 
/ 
p 


</body> 
/ 
body 


</html> 
/ 
html 


regexp.test(string) 


test 方 法 是 使 用 正则 表达 式 的 最 简单 《和 最 快 ) 的 方法 。 如 果 该 
regexp 匹 配 string， 它 返回 true; 否则 ， 它 返回 false。 不 要 对 这 个 方法 使 
用 g 标 识 : 


var b = /&.+;/.test('frank &amp; beans'); 


// b 是 true 


test 可 以 像 这 样 实现 : 


RegExp.method('test', function (string) { 
return this.exec(string) !== null; 


}); 
String 


string.charAt(pos) 


charAt 方 法 返回 在 string 中 pos 位 置 处 的 字符 。 如 果 pos 小 于 0 或 大 于 
等 于 字符 串 的 长 度 string.length， 它 会 返回 空 字 符 串 。JavaScript 没 有 字 
符 类 型 (character type) 。 这 个 方法 返回 的 结果 是 一 个 字符 串 : 


var name = 'Curly'; 


var initial = name.charAt(0); // initial eG! 


charAt 可 以 像 这 样 实 现 : 


String.method('charAt', function (pos) { 
return this.slice(pos, pos + 1); 


+); 


string.charCodeAt(pos) 


var name = 'Curly'; 


var initial = name.charCodeAt(0); // initial 是 67 


charCodeAt 方 法 同 charAt 一 样 ， 只 不 过 它 返 回 的 不 是 一 个 字符 
串 ， 而 是 以 整数 形式 表示 的 在 string 中 的 pos 位 置 处 的 字符 的 字符 码 
fio WRpos/\\FORAFS FSR BN KBstringlensth, Cik El 
NaNo 


string.concat(string...) 


var s = 'C'.concat('a', 't'); // s Æ cat 


concat 方 法 把 其 他 的 字符 串 连 接 在 一 起 来 构造 一 个 新 的 字符 串 。 
它 很 少 被 使 用 ， 因 为 用 + 运算 符 更 为 方便 : 


string.indexOf(searchString, position) 


indexOf 方 法 在 string 内 查找 另 一 个 字符 串 searchstring。 如 果 它 被 
找到 ， 返 回 第 1 个 匹配 字符 的 位 置 ， 否 则 返回 -1。 可 选 参数 position 可 
设置 从 string 的 某 个 指定 的 位 置 开 始 查找 : 


var text = 'Mississippi'; 

var p = text.indexOf('ss'); // p 是 2 
p = text.indexOf('ss', 3); // p 是 5 
p = text.indexOf('ss', 6); // p jE =i 


string.lastIndexOf(searchString, 
position) 


lastIndexOf 方 法 和 indexOf 方 法 类 似 ， 只 不 过 它 是 从 该 字符 串 的 末 
尾 开 始 查找 而 不 是 从 开头 : 


var text = 'Mississippi'; 


var p = text.lastIndexOf('ss'); // p 是 5 


p = text.lastIndexOf('ss', 3); // p 


和 和 并 


p = text.lastIndexOf('ss', 6); // p 


string.localeCompare(that) 


localeCompare 方 法 比较 两 个 字符 串 。 如 何 比 较 字 符 串 的 规则 没有 
详细 说 明 。 如 果 string 比 字符 串 that 小 ， 那 么 结果 为 负数 。 如 果 它 们 是 
相等 的 ， 那 么 结果 为 0。 这 类 似 于 array.sort 比 较 函 数 的 约定 : 


var m = ['AAA', 'A', aa“, 'a', Aa“, ‘aaa']; 
m.sort(function (a, b) { 
return a. Iocalecompare (b); 
7): 
// m (HE locale 设置 下 ) 是 [a, A,, aa, 'Aa’, aaa, AAA! 


string.match(regexp) 


match 方 法 让 字符 串 和 一 个 正则 表达 式 进 行 匹 配 。 它 依据 g 标 识 来 
决定 如 何 进行 匹配 。 如 果 没 有 g 标 识 ， 那 么 调用 string.match(regexp) 的 
结果 与 调用 regexp.exec(string) 的 结果 相同 。 然 而 ， 如 果 regqexp 带 有 g 标 
识 ， 那 么 它 生 成 一 个 包含 所 有 匹配 ( 除 捕获 分 组 之 外 ) 的 数组 : 


var text = '<html><body bgcolor=linen><p>' + 


'This is 4<b>bold<\/b>!<\/p><\/body><\/htm1l>'; 


var tags = /[4<>]+|<(\/?)([A-Za-z]+)([<>]*)>/g; 
var a, i; 
a = text.match(tags); 
for (i = 0; i < a.length; i += 1) ( 
document.writeln(('// [' + i + '] ' + a[i]).entityify( 
) ) ; 


// 结果 : 


// [0] <html> 
// [1] <body bgcolor=linen> 
// [2] <p> 

// [3] This is 
// [4] <b> 

// [5] bold 

// [6] </b> 

// [7] ! 

// [8] </p> 

// [9] </body> 
// [10] </html> 


string.replace(search Value, 
replace Value) 


replace 方 法 对 string 进 行 查 找 和 替换 操作 ， 并 返回 一 个 新 的 字符 
串 。 参 数 searchValue 可 以 是 一 个 字符 串 或 一 个 正则 表达 式 对 象 。 如 果 

一 个 字符 串 ， 那 么 searchValue 只 会 在 第 1 次 出 现 的 地 方 被 替换 ， 所 
以 下 面 的 代码 结果 是 "mother-in_law": 


var result = "mother_in_law".replace('_', '-'); 
这 或 许 令 你 失望 。 


如 果 searchValue 是 一 个 正则 表达 式 并 且 带 有 g 标 识 ， 它 会 蔡 换 所 有 
的 匹配 。 如 果 没 有 带 g 标 识 ， 它 会 仅 替 换 第 1 个 匹配 。 


replaceValue 可 以 是 一 个 字符 串 或 一 个 图 数 。 如 果 replaceValue 是 一 
个 字符 串 ， 字 符 $ 拥 有 特别 的 含义 : 


// 捕获 括号 中 的 3 个 数字 


var oldareacode = /\((\d{3})\)/g; 
var p = '(555)666-1212'.replace(oldareacode, '$1-'); 


// p 是 '555-666-1212' 


美元 符号 序列 替换 对 象 
$$ $ 
$& 整个 匹配 的 文本 


$number 分 组 捕获 的 文本 
$` 匹配 之 前 的 文本 
$' 匹配 之 后 的 文本 


如 果 replaceyValue 是 一 个 图 数 ， 那 么 每 遇 到 一 次 匹配 函数 就 会 被 调 
用 一 次 ， 而 该 永 数 返回 的 字符 串 会 被 用 做 替换 文本 。 传 递 给 这 个 函数 
的 第 1 个 参数 是 整个 被 匹配 的 文本 ， 第 2 个 参数 是 分 组 1 捕获 的 文本 ， 再 

一 个 参数 是 分 组 2 捕获 的 文本 ， 依 此 类 推 : 


String.method('entityify', function ( ) { 


var character = { 


< : '&lt;', 
'>' '&gt;', 
'&' : '&amp;', 
rrr '&quot;' 


}; 


// 返回 string.entityify 方法 ， 它 返回 调用 替换 方法 的 结果 。 
// BY replace value 国 数 返回 在 一 个 对 象 中 查找 一 个 字符 的 结 
来 。 
// 这 种 对 象 的 用 法 通常 优 于 switch 语句 。 
return function ( ) { 
return this.replace(/[<>&"]/g, function (c) { 


return character[c]; 


}); 
}; 
}( )); 
alert("<&>".entityify( )); // &lt;&amp;&gt; 


string.search(regexp) 


search 方 法 和 indexOf 方 法 类 似 ， 只 是 它 接受 一 个 正则 表达 式 对 象 
作为 参数 而 不 是 一 个 字符 串 。 如 果 找 到 匹配 ， 它 返回 第 1 个 匹配 的 首 字 
符 位 置 ， 如 果 没 有 找到 匹配 ， 则 返回 一 1。 此 方法 会 忽略 g 标 识 ， 且 没 
position S ; 


var text = 'and in it he says "Any damn fool could'; 


var pos = text.search(/["']/); // pos 是 18 


string.slice(start, end) 


slice 方 法 复制 string 的 一 部 分 来 构造 一 个 新 的 字符 串 。 如 果 start 参 
数 是 负数 ， 它 将 与 string.length 相 加 。end 参 数 是 可 选 的 ， 且 默认 值 是 
string.length。 如 果 end 参 数 是 负数 ， 那 么 它 将 与 string.length 相 加 。end 
参数 等 于 你 要 取 的 最 后 一 个 字符 的 位 置 值 加 上 1。 要 想得到 从 位 置 p 开 
始 的 n 个 字符 ， 就 用 string.slice(p, p+n)。 同 类 的 方法 请 参见 本 章 随 后 要 
介绍 的 string.substring 和 之 前 介绍 的 array.slice。 


var text = ‘and in it he says "Any damn fool could'; 
var a = text.slice(18); 

// a 是 '"Any damn fool could! 

var b = text.slice(0, 3); 

// b and 

var c = text.slice(-5); 

// c x= could 


var d = text.slice(19, 32); 


// d 是 "Any damn fool! 


string.split(separator, limit) 


split 方 法 把 这 个 string 分 割 成 片段 来 创建 一 个 字符 串 数组 。 可 选 参 
数 Jimit 可 以 限制 被 分 割 的 片段 数量 。separator 人 参数 可 以 是 一 个 字符 串 
或 一 个 正则 表达 式 。 


如 果 separator 是 一 个 空 字符 ， 会 返回 一 个 单字 符 的 数组 : 


var digits = '0123456789'; 
var a = digits.split('', 5); 


// a 是 ['0', oe apa 1315 '4'] 


否则 ， 此 方法 会 在 string 中 查找 所 有 separator 出 现 的 地 方 。 分 隔 符 
两 边 的 每 个 单元 文本 都 会 被 复制 到 该 数组 中 。 此 方法 会 忽略 g 标 识 : 


var ip = '192.168.1.0'; 
var b = ip.split('.'); 


// b 是 ['192', '168', '1', '@'] 


var c = '|alblc|'.split('|'); 
lhem e as a ey 
var text = last, first ,middle'; 
var d = text.split(/\s*,\s*/); 
// d = [ 

// 'last', 

// 'first', 

// middle 

// ] 


有 一 些 特 例 须 特别 注意 。 来 自分 组 捕获 的 文本 会 被 包含 在 被 分 割 
后 的 数组 中 : 


var e = text.split(/\s*(, )\s*/); 


=] 


// e [ 

// ‘last', 

// yy 

// 'first', 
// 9 ie 

// middle 


// ] 


当 separator 是 一 个 正则 表达 式 时 ， 有 一 些 JavaScript 的 实现 与 在 输 
出 数组 中 会 排除 掉 空 字符 串 : 


var f = '|alblcl split (X/); 
// 在 一 些 系统 中 ， f 是 Ey 'a', „, os * 
// 在 另外 一 些 系 统 中 , f [Clan, 'b', C1. 


string.substring(start, end) 


substring 的 用 法 和 slice 方 法 一 样 ， 只 是 它 不 能 处 理 负数 参数 。 没 有 
任何 理由 去 使 用 substring 方 法 。 请 用 slice 蔡 代 它 。 


string.toLocaleLowerCase( ) 


toLocaleLowerCase 方 法 返回 一 个 新 字符 串 ， 它 使 用 本 地 化 的 规则 
把 这 个 string 中 的 所 有 字母 转换 为 小 写 格式 。 这 个 方法 主要 用 在 土耳其 
语 上 ， 因 为 在 土耳其 语 中 空转 换 为 人 1 ， 而 不 是 宁 。 


string.toLocaleUpperCase( ) 
toLocaleUpperCase 方 法 返回 一 个 新 字符 串 ， 它 使 用 本 地 化 的 规则 


把 这 个 string 中 的 所 有 字母 转换 为 大 写 格 式 。 这 个 方法 主要 用 在 土耳其 
语 上 ， 因 为 在 土耳其 语 中 宁 转 换 为 宁 ， 而 不 是 开 。 


string.toLowerCase( ) 


toLowerCase 方 法 返回 一 个 新 的 字符 串 ， 这 个 string 中 的 所 有 字母 
都 被 转换 为 小 写 格 式 。 


string.toUpperCase( ) 


toUpperCase 方 法 返回 一 个 新 的 字符 串 ， 这 个 string 中 的 所 有 字母 
都 被 转换 为 大 写 格 式 。 


String.fromCharCode(char...) 


String.fromCharCode 函 数 根据 一 串 数字 编码 返回 一 个 字符 串 。 


var a = String.fromCharCode(67, 97, 116); 


// a 是 cat 


(D 作者 编写 本 书 的 时 候 ，IE6/7 在 浏览 器 市 场 还 占据 着 大 量 的 市 场 份额 。 对 于 IE6/7， 使 
用 Array.join( ) 连 接 大 量 字符 串 的 效率 确实 优 于 使 用 + 元 素 运 算 符 。 但 目前 主流 的 浏览 器 ， 包 括 
IE8 以 后 的 版 本 ， 都 对 + 元 素 运 算 符 连 接 字 符 串 做 了 特别 优化 ， 性 能 已 经 显著 高 于 Array.join( 
)。 目 前 在 大 多 数 情 况 下 ， 建 议 连 接 字 符 串 首选 使 用 + 元 素 运 算 符 。 更 为 详细 的 内 容 请 参考 
《高 性 能 网 站 建设 进 阶 指南 》 中 字符 串 优 化 相关 章节 。 


(2) FORTRAN 中 的 算术 IF 语句 ， 形 如 : if(i)label1，label2，label3，i<0 执 行 label1，i=0 执 
行 label2，i>0 执 行 label3。 新 版 本 的 FORTRAN 已 不 再 支持 算术 IF 语句 。 


(3) 排序 的 稳定 性 是 指 排序 后 数组 中 的 相等 值 的 相对 位 置 没有 发 生 改 变 ， 而 不 稳定 性 排序 
则 会 改变 相等 值 的 相对 位 置 。 详 细 内 容 请 参见 http://zh.wikipedia.org/wiki/ 排 序 算法 。JavaScript 
的 sot 方法 的 稳定 性 根据 不 同 浏 览 器 的 实现 而 不 一 致 。 可 参见 
http://developer.mozilla.org/Cn/Core_JavaScript_1.5_Reference/Global_Objects/Array/Sort 中 的 介 


JJ 
绍 。 


(4) 正 6 之 前 的 浏览 器 中 ，JScript 引 擎 对 unshift 方 法 的 实现 有 错误 ， 它 的 返回 值 永远 是 
undefined。IE7 之 后 的 匡 系列 浏览 器 已 经 修正 了 这 个 错误 。 

(5) 根据 译 者 的 测试 ， 在 主流 浏览 器 中 ， 只 有 正 8 及 之 前 版 本 的 下 浏览 器 会 在 输出 的 数组 
结果 中 排除 空 字 符 串 ，IE9 已 经 修复 了 这 个 问题 。 


第 9 章 
代码 风格 


Style 
好 一 串 嘟 哪 号 三 的 头衔 ! 


— 威廉 . 沙 士 比 亚 ，《 享 利 六 世上 篇 》 (The First Part of Henry 
the Sixth) 


电脑 程序 是 人 类 制造 出 来 的 最 复杂 的 玩意 儿 。 程 序 通常 由 很 多 部 
分 组 成 ， 表 现 为 图 数 、 语 句 和 表达 式 ， 它 们 必须 准确 无 误 地 按照 顺序 
排列 。 而 运行 时 行为 (runtime behavior) 几乎 和 实现 它 的 程序 没有 什 
么 相似 之 处 。 在 软件 的 产品 生命 周期 中 ， 它 们 通常 都 会 被 修改 。 把 一 
个 正确 的 程序 转化 为 另 一 个 同样 正确 但 风格 不 同 的 程序 ， 是 一 个 极 具 
挑战 性 的 过 程 。 


优秀 的 程序 拥有 一 个 前 瞻 性 的 结构 ， 它 会 预见 到 在 未 来 才 可 能 需 
要 的 修改 ， 但 不 会 让 其 成 为 过 度 的 负担 。 优 秀 的 程序 还 会 具备 一 种 清 
晰 的 表达 方式 。 如 果 一 个 程序 被 表达 得 很 好 ， 那 么 我 们 就 能 更 加 容易 
地 去 理解 它 ， 以 便 成 功 地 改造 或 修补 它 。 


这 些 观点 适用 于 所 有 的 编程 语言 ， 而 对 JavaScript 来 说 尤为 如 此 。 
JavaScript 的 弱 类 型 和 过 度 的 容错 性 导致 程序 质量 无 法 在 编译 时 获得 保 
障 ， 所 以 为 了 弥补 ， 我 们 应 该 按照 严格 的 规范 进行 编码 。 


JavaScript 包 含 大 量 脆弱 的 、 问 题 缠身 的 特性 ， 它 们 会 妨碍 我 们 写 
出 优秀 的 程序 。 显 然 我 们 应 该 避免 JavaScript 里 那些 糟 焙 的 特性 。 但 别 
吃惊 ， 或 许 我 们 也 应 该 避免 掉 那 些 平时 很 有 用 但 偶尔 也 有 害 的 特性 。 


这 样 的 特性 让 人 既 爱 又 恨 ， 然 而 ， 一 旦 避免 它们 ， 就 能 避免 一 大 类 洪 
在 的 错误 。 


对 于 一 个 组 织 机 构 来 说 ， 软 件 的 长 远 价值 和 代码 库 的 质量 成 正 
比 。 在 程序 的 生命 周期 里 ， 会 经 历 很 多 人 的 测试 、 使 用 和 修改 。 如 果 
一 个 程序 能 很 清楚 地 传达 它 的 结构 和 特性 ， 那 么 当 它 在 并 不 遥远 的 将 
来 被 修改 时 ， 它 被 破坏 的 可 能 性 就 小 很 多 。 


JavaScript 代 码 经 党 被 直接 发 布 。 它 应 该 自始至终 具备 发 布 质量 ， 
要 干净 利落。 通过 在 一 个 清晰 且 始 终 如 一 的 风格 下 编写 ， 你 的 程序 会 
变 得 易于 阅读 。 


程序 员 会 无 休止 地 讨论 良好 的 风格 是 由 什么 构成 的 。 大 多 数 程 序 
员 会 坚持 他 们 过 去 的 应 用 经 验 ， 比 如 他 们 在 学 校 或 在 他 们 第 一 份 工 作 
时 学 到 的 流行 的 风格 。 他 们 中 的 一 些 人 拥有 高 薪 的 工作 ， 但 完全 没有 
代码 风格 的 意识 。 这 是 否 证 明了 风格 其 实 根 本 不 重要 ? 就 算 风 格 不 重 
要 ， 风 格 之 间 是 否 有 优 劣 之 分 呢 ? 


事实 证 明代 码 风 格 在 编程 中 是 很 重要 的 ， 就 像 文字 风格 对 于 写作 
很 重要 一 样 。 好 的 风格 让 代码 能 更 好 地 被 阅读 。 


电脑 程序 有 时 候 被 认为 不 是 用 来 读 的 ， 所 以 只 要 它 能 工作 ， 写 成 
怎样 是 不 重要 的 。 但 是 结果 证 明 ， 如 果 程序 可 读 性 强 ， 它 正常 运行 的 
可 能 性 ， 以 及 是 否 准 确 按照 我 们 的 意图 去 工作 的 可 能 性 也 显著 增强 。 
它 还 决定 了 软件 在 其 生命 周期 中 能 否 进行 扩展 。 如 果 我 们 能 阅读 并 且 
解 程序 ， 那 么 就 有 希望 去 修改 和 完善 它 。 
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贯穿 本 书 ， 我 始终 采用 一 致 的 风格 。 我 的 目的 是 使 代码 实例 尽 可 
能 易于 阅读 。 我 使 用 一 致 的 留 日 来 帮助 你 理解 我 的 程序 的 逻辑 思路 。 


我 对 代码 块 内 容 和 对 象 字 面 量 缩 进 4 个 空格 。 我 放 了 一 个 空格 在 if 
和 (之 间 ， 以 致 让 不 会 看 起 来 像 一 个 函数 调用 。 只 有 真 的 是 在 调用 时 ， 
我 才 使 (和 其 前 面 的 符号 相 了 毗连 。 我 在 除了 .和 [外 的 所 有 中 置 运算 符 的 
两 边 都 放 了 空格 ， 它 们 俩 无 须 空格 是 因为 它们 有 更 高 的 优先 级 。 我 在 
每 个 逗号 和 冒号 后 面 都 使 用 一 个 空格 。 


我 在 每 行 最 多 放 一 个 语句 ， 在 一 行 里 放 多 条 语句 可 能 会 被 误 读 。 
如 果 一 个 语句 一 行 放 不 下 ， 我 会 在 一 个 冒号 或 二 元 运算 符 后 拆 开 它 ， 
这 将 更 好 地 防止 自动 插入 分 号 的 机 制 掩盖 复制 /粘贴 的 错误 (自动 插入 
分 号 市 来 的 悲剧 会 在 附录 A 里 披露 ) 。 我 给 折断 后 的 语句 的 其 余部 分 
多 缩 进 4 个 空格 ， 如 果 4 个 还 不 够 明显 ， 就 缩 进 8 个 空格 (例如 在 一 个 if 
语句 的 条 件 部 分 插入 一 个 换行 符 的 时 候 ) 。 


在 诸如 if 和 while 这 样 结构 化 的 语句 里 ， 我 始终 使 用 代码 块 ， 因 为 
这 样 会 减少 出 错 的 概率 。 我 曾 看 到 过 : 


c( ) 


这 是 一 个 很 难 被 发 现 的 错误 。 它 看 起 来 像 是 这 样 : 


看 起 来 想 要 做 一 件 事 情 但 实际 上 却 在 做 另 一 件 事情 的 代码 很 可 能 
导致 bug。 一 对 花 括号 可 以 用 很 低廉 的 成 本 去 防止 那些 需要 昂贵 的 代价 
才能 发 现 的 bug。 


我 一 直 使 用 K&R 风格 ， 把 { 放 在 一 行 的 结尾 而 不 是 下 一 行 的 开 
头 ， 因 为 它 会 避免 JavaScript 的 return 语 句 中 的 一 个 可 怕 的 设计 错误 。 


我 的 代码 包含 了 一 些 注释 。 我 喜欢 在 程序 中 放 入 注释 来 留 下 一 些 
信息 ， 以 后 ， 它 将 会 被 那些 需要 理解 我 当时 思路 的 人 们 (也 可 能 是 我 
自己 ) 阅读 。 有 时候 觉得 注释 就 像 一 个 时 间 机 器 ， 我 用 它 发 送 重 要 的 
信息 给 未 来 的 我 。 


我 努力 保持 注释 是 最 新 的 。 错 误 的 注释 甚至 可 能 会 使 程序 更 加 难 
以 阅读 和 理解 。 我 不 能 容忍 犯 下 那样 的 错误 。 
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i= 0; // 设置 i 为 0。 


在 JavaScript 里 ， 我 更 喜欢 用 行 注 释 。 我 把 块 注释 用 于 正式 的 文档 
记录 和 注释 。 


我 更 喜欢 使 我 的 程序 结构 能 自我 说 明 (self-illuminating) ， 从 而 
消除 对 注释 的 需要 。 我 并 非 每 次 都 能 做 到 ， 所 以 只 要 我 的 程序 还 不 尽 
完美 ， 我 就 会 编写 注释 。 


JavaScript 拥 有 C 语 言 的 语法 ， 但 它 的 代码 块 没有 作用 域 。 所 以 ， 
变量 在 它们 第 1 次 使 用 时 被 声明 的 惯例 ， 对 JavaScript 来 说 却 是 糟糕 的 
建议 。JavaScript 有 函数 作用 域 ， 但 是 没有 块 级 作用 域 ， 所 以 我 在 每 个 
函数 的 开始 部 分 声明 我 的 所 有 变量 。JavaScript 允 许 变量 在 它们 使 用 后 
被 声明 。 那 对 我 来 说 感觉 像 是 一 个 错误 ， 我 不 希望 我 写 的 程序 看 起 来 
像 有 错误 。 我 希望 我 的 错误 被 突出 显示 出 来 。 相 似 地 ， 我 绝 不 在 一 个 
if 的 条 件 部 分 使 用 赋值 表达 式 ， 因 为 : 


if (a=b){... } 


可 能 的 本 意 是 : 


if (a === b) { ... } 


我 想 要 避免 那些 看 起 来 像 有 销 误 的 习惯 用 法 。 


我 绝 不 允许 switch 语 句 块 中 的 条 件 穿 越 到 下 一 个 case 语 句 。 我 曾经 
在 我 的 代码 里 发 现 了 一 个 无 意识 的 “穿越 ?导致 的 bug， 而 在 此 之 前 ， 我 
刚刚 激情 澎 洲 地 做 完 一 次 关于 如 何 妙 用 “穿越 "> 有 时 很 有 用 的 演讲 。 我 
很 笠 运 能 够 从 这 个 教训 中 有 所 收获 。 当 我 现在 评审 一 门 语 言 的 特性 的 
时 候 ， 我 把 注意 力 放 在 那些 有 时 很 有 用 但 偶尔 很 危险 的 特性 上 。 那 些 
是 最 糟糕 的 部 分 ， 因 为 我 们 很 难 辨别 它们 是 否 被 正确 使 用 。 那 是 bug 的 
藏身 之 地 。 


在 JavaScript 的 设计 、 实 现 和 标准 化 的 过 程 中 ， 质 量 没 有 被 特别 天 
注 。 这 给 使 用 这 门 语言 的 用 户 增 加 了 避免 其 缺陷 的 难度 。 


JavaScript 为 大 型 程序 提供 了 支持 ， 但 它 也 带 有 不 利于 大 型 程序 的 
形式 和 习惯 用 法 。 举 例 来 说 : JavaScript 可 以 方便 地 使 用 全 局 变量 ， 但 
随 着 程序 的 日 益 复 杂 ， 全 局 变量 逐渐 变 得 问题 重重 。 


对 一 个 脚本 应 用 或 工具 库 ， 我 只 用 唯一 一 个 全 局 变量 。 每 个 对 象 
都 有 它 自 己 的 命名 空间 ， 所 以 我 很 容易 使 用 对 象 去 管理 代码 。 使 用 闭 
包 能 提供 进一步 的 信息 隐藏 ， 增 强 我 的 模块 的 健壮 性 名 。 


(1) K&R 代码 风格 ， 因 在 Kernighan 与 Ritchie 合 著 的 The C Programming Language - 
泛 采 用 而 得 名 。 它 是 最 为 普遍 的 C 语 言 代 码 风 格 。 更 多 具体 内 容 请 参见 
http://en.wikipedia.org/wiki/Indent_style#K.26R_style 和 http://en.wikipedia.org/wiki/K&Ro 

(2) 作者 的 这 个 思想 在 YAHOO 的 JavaScript 库 YUI 中 得 到 了 彻底 的 贯彻 。 在 YUI 中 仅 用 到 两 
个 全 局 变量 : YAHOO 和 YAHOO_config。YUI 的 一 切 都 是 基于 一 种 模块 模式 来 实现 的 。 具 体 
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第 10 章 
优美 的 特性 


Beautiful Features 
我 让 你 的 脚下 污 我 的 嘴唇 ， 让 你 的 肖像 天 污 我 的 眼睛 ， 
让 你 的 每 一 部 分 下 污 我 的 心 ， 等 候 着 你 的 答复 。 你 的 最 忠实 


一 一 威廉 . 沙 士 比 亚 ，《 空 爱 一 场 》 (Love's Labor's Lost) 


去 年 我 被 邀请 为 Andy Oram 和 Greg Wilson 的 Beautiful Code. 
(O'Reilly Hhh) 一 书写 一 篇 文章 ， 这 是 一 本 以 计算 机 程序 的 表达 之 美 
为 主题 的 选集 。 我 负责 的 章节 将 介绍 JavaScript， 通 过 那 一 部 分 来 证 明 
JavaScript 不 虚 其 名 ， 它 的 确 是 抽象 、 强 大 且 有 用 的 。 然 而 ， 我 想 避 开 
不 谈 浏览 器 和 其 他 适合 使 用 JavaScript 的 地 方 。 我 想 要 强调 其 更 有 分 量 
的 内 容 ， 以 显示 它 是 值得 尊敬 的 语言 。 


我 立即 想到 Vaughn Pratt 的 自 顶 向 下 的 运算 符 优 先 级 解析 器 名 
(Top Down Operator Precedence parser) ， 我 在 JSLint 中 运用 了 它 。 在 
计算 机 的 信息 处 理 技术 中 ， 解 析 是 一 个 重要 的 主题 。 一 门 语言 是 否 
备 为 其 自身 编写 一 个 编译 器 的 能 力 ， 仍 然 是 对 这 门 语言 完整 性 的 一 个 
Mix. 


我 想 把 用 JavaScript 编 写 的 JavaScript 解 析 器 的 全 部 代码 都 包含 在 文 
章 中 。 但 是 我 的 章节 仅 是 30 章 或 40 章 之 一 ， 我 感觉 被 束缚 在 那 几 页 短 
短 的 篇 幅 里 。 更 大 的 困难 是 大 部 分 读者 没有 使 用 JavaScript 的 经 验 ， 我 
也 不 得 不 介绍 这 门 语言 和 它 的 特色 。 


所 以 ， 我 决定 提炼 这 门 语言 的 子 集 。 这 样 ， 我 就 不 必 解 析 整 个 语 
言 ， 并 且 也 就 不 需要 描述 整个 语言 了 。 我 把 这 个 子 集 叫 做 精简 的 
JavaScript (Simplified JavaScript) . 提炼 子 集 并 不 难 : 它 包 括 的 就 是 
我 编写 解析 器 所 需要 的 特性 。 我 在 Beautiful Code (《 代 码 之 美 》) 一 
书 中 是 这 样 描述 的 。 


精简 的 JavaScript 里 都 是 好 东西 ， 包 括 以 下 主要 内 容 。 
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在 精简 JavaScript 中 ， 辆 数 是 有 词法 作用 域 的 闭 包 
(lambda) 。 


基于 原型 继承 的 动态 对 象 


对 象 是 无 类 别 的 。 我 们 可 以 通过 普通 的 赋值 给 任何 对 象 增加 
一 个 新 成 员 属性 。 一 个 对 象 可 以 从 另 一 个 对 象 继承 成 员 属 性 。 


对 象 子 面 量 和 数组 字面 量 


这 对 创建 新 的 对 象 和 数组 来 说 是 一 种 非常 方便 的 表示 法 。 
JavaScript 字 面 量 是 数据 交换 格式 JSON 的 灵感 之 源 。 


子 集 包 含 了 JavaScript 精 华中 最 好 的 部 分 。 尽 管 它 是 一 门 小 巧 的 语 
言 ， 但 它 很 强大 且 非 党 富有 表现 力 。JavaScript 有 许多 本 不 应 该 加 入 的 
额外 特性 ， 正 如 你 在 随后 的 附录 中 会 看 到 的 那样 ， 它 有 大 量 的 会 带 来 
负面 价值 的 特性 。 在 子 集中 没有 丑陋 或 糟糕 的 内 容 ， 它 们 全 部 都 被 向 
除了 。 


精简 的 JavaScript 不 是 一 个 严格 的 子 集 。 我 添加 了 少许 新 特性 。 最 
简单 的 是 增加 了 pi 作为 一 个 简单 的 常量 。 我 这 么 做 是 为 了 证 明 解 析 器 
的 一 个 特性 。 我 也 展示 了 一 个 更 好 的 保留 字 策 略 并 证 明 哪 些 保留 字 是 
多 余 的 。 在 一 个 函数 中 ， 一 个 单词 不 能 既 被 用 做 变量 或 参数 名 ， 又 被 
用 做 一 个 语言 特性 。 你 可 以 让 某 个 单词 用 在 其 中 之 一 上 ， 并 人 允许 程序 
员 自 己 选择 。 这 会 使 一 门 语言 易于 学 习 ， 因 为 你 没 必 要 知道 你 不 会 使 
用 的 特性 。 并 且 它 会 使 这 门 语言 易于 扩展 ， 因 为 它 无 须 保留 更 多 的 保 
留 字 来 增加 新 特性 。 


我 也 增加 了 块 级 作用 域 。 块 级 作用 域 不 是 一 个 必需 的 特性 ， 但 没 
有 它 会 让 有 经 验 的 程序 员 感 到 困惑 。 包 含 块 级 作用 域 是 因为 我 预期 解 
析 器 可 能 会 被 用 于 解析 非 JavaScript 语 言 ， 并 且 那 些 语言 能 正确 地 界定 
作用 域 。 我 编写 这 个 解析 器 的 代码 风格 不 关心 块 作用 域 是 否 可 用 。 我 
推荐 你 也 采用 这 种 方式 来 写 。 


当 开 始 构思 本 书 的 时 候 ， 我 想 进一步 地 发 展 这 个 子 集 ， 我 想 展 示 
除了 排除 低 价值 特性 外 ， 如 何 通过 不 做 任何 改变 来 获得 一 个 现 有 的 编 
程 语言 ， 并 且 使 它 得 到 有 效 的 改进 。 


我 们 看 到 大 量 的 特性 驱动 的 产品 设计 ， 其 中 特性 的 成 本 没有 被 正 
确 计算 。 对 于 用 户 来 说 ， 某 些 特性 可 能 有 一 些 负面 价值 ， 因 为 它们 使 
产品 更 加 难以 理解 和 使 用 。 我 们 发 现 人 们 想 要 的 产品 其 实 只 要 能 工作 


即 可 。 事 实证 明 产 生 恰 好 可 以 工作 的 设计 比 集合 一 大 串 特 性 的 设计 要 
困难 得 多 。 
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成 本 。 特 性 越 多 ， 某 个 特性 出 现 问题 ， 或 者 和 其 他 特性 相互 干扰 的 可 
能 性 就 越 大 。 在 软件 系统 中 ， 存 储 成 本 是 无 足 轻 重 的 ， 但 在 移动 应 用 
中 ， 它 又 变 得 重要 了 。 它 们 拾 高 了 电 闻 的 效能 成 本 ， 因 为 摩尔 定律 并 
不 适用 于 电 闻 。 


特性 有 文档 成 本 。 每 个 特性 都 会 让 产品 指南 变 得 更 厚 ， 从 而 增加 
了 培训 成 本 。 只 对 少数 用 尸 有 价值 的 特性 增加 了 所 有 用 户 的 成 本 。 所 
以 在 设计 产品 和 编程 语言 时 ， 我 们 希望 直接 使 用 核心 的 精华 部 分 ， 因 
为 是 这 些 精华 创造 了 大 部 分 的 价值 。 


在 我 们 使 用 的 产品 中 ， 总 能 找到 好 的 部 分 。 我 们 喜欢 简单 ， 追 求 
简洁 易 用 ， 但 是 当 产 品 缺 乏 这 种 特性 时 ， 就 要 自己 去 创造 它 。 微 疲 炉 
BASE, HERRERA RIM EN, HAE NDR ERM 
的 了 。 对 于 特性 驱动 型 的 设计 ， 我 们 唯 有 靠 找 出 它 的 精华 并 坚持 使 
用 ， 才 能 更 好 地 应 对 其 复杂 性 。 


如 果 产 品 和 编程 语言 被 设计 得 仅 留 下 精华 ， 那 该 有 多 好 。 


(1) Beautiful Code O'Reilly 2007 年 6 月 出 版 的 书籍 2 M http://oreilly.com/catalog/9780 
596510046/., 


(2) 详细 内 容 请 参阅 作者 的 文章 Top Down Operator Precedence parser 
http:/javascript.crockford.com/tdop/tdop.htmlo 


附录 A 
毒瘤 
Awful Parts 
那 会 在 一 言 一 行 中 证 明 其 可 怕 。 
”威廉 .莎士比亚 ，《 泰 尔 亲 王 佩 里 克利 斯 》 (Pericles, Prince of 
Tyre) 


在 本 附录 中 ， 我 会 展示 JavaScript 的 一 些 难以 避免 的 问题 特性 。 你 
必须 知道 这 些 问 题 并 准备 好 应 对 的 措施 。 


全 局 变量 
Global Variables 


在 JavaScript 所 有 的 糟 粽 特性 之 中 ， 最 为 糟 粽 的 一 个 就 是 它 对 全 局 
变量 的 依赖 。 全 局 变量 就 是 在 所 有 作用 域 中 都 可 见 的 变量 。 全 局 变量 
在 微型 程序 中 可 能 会 带 来 方便 ， 但 随 着 程序 变 得 越 来 越 大 ， 它 们 很 快 
变 得 难以 管理 。 因 为 一 个 全 局 变量 可 以 被 程序 的 任何 部 分 在 任意 时 间 
修改 ， 它 们 使 得 程序 的 行为 变 得 极度 复杂 。 在 程序 中 使 用 全 局 变量 降 
低 了 程序 的 可 靠 性 。 


全 局 变量 使 得 在 同一 个 程序 中 运行 独立 的 子 程序 变 得 更 难 。 如 果 
某 些 全 局 变量 的 名 称 碰巧 和 子 程序 中 的 变量 名 称 相同 ， 那 么 它们 将 会 
相互 冲突 ， 可 能 导致 程序 无 法 运行 ， 而 且 通 单 难以 调试 。 


许多 编程 语言 都 有 全 局 变量 。 例 如 ，Java 中 的 public static 成 员 属 性 
就 是 全 局 变量 。JavaScript 的 问题 不 仅 在 于 它 人 允许 使 用 全 局 变量 ， 而 且 
在 于 它 依赖 全 局 变量 。JavaScript 没 有 链接 器 (linker) ， 所 有 的 编译 单 
元 都 载 入 一 个 公共 全 局 对 象 中 。 


共有 3 种 方式 定义 全 局 变量 。 第 1 种 是 在 任何 图 数 之 外 放置 一 个 var 
语句 : 


var foo = value; 


第 2 种 是 直接 给 全 局 对 象 添 加 一 个 属性 。 全 局 对 象 是 所 有 全 局 变量 
的 容器 。 在 web 浏览 器 里 ， 全 局 对 象 名 为 window: 


window.foo = value; 


第 3 种 是 直接 使 用 未 经 声明 的 变量 ， 这 被 称 为 隐 了 式 的 全 局 变量 : 


foo = value; 


这 种 方式 本 来 是 为 方便 初学 者 ， 有 意 让 变量 在 使 用 前 无 须 声 明 。 

遗憾 的 是 ， 和 忘 记 声 明 变 量 成 了 一 个 非常 普遍 的 错误 。JavaScript 的 策略 
是 让 那些 志 记 预先 声明 的 变量 成 为 全 局 变量 ， 这 导致 查找 bug 非 常 困 
难 。 


作用 域 
Scope 


JavaScript 的 语法 来 源 于 C。 在 所 有 其 他 类 似 C 语 言 风格 的 语言 里 ， 
一 个 代码 块 〈 括 在 一 对 花 括 号 中 的 一 组 语句 ) 会 创造 一 个 作用 域 。 代 
码 块 中 声明 的 变量 在 其 外 部 是 不 可 见 的 。JavaScript 采 用 了 这 样 的 块 语 
法 ， 却 没有 提供 块 级 作用 域 : 代码 块 中 声明 的 变量 在 包含 此 代码 块 的 
函数 的 任何 位 置 都 是 可 见 的 。 这 让 有 其 他 语言 编码 经 验 的 程序 员 们 大 
为 意外 。 


在 大 多 数 语言 中 ， 一 般 来 说 ， 声 明 变 量 的 最 好 的 地 方 是 在 第 一 次 
用 到 它 的 地 方 。 但 这 种 做 法 在 JavaScript 里 反而 是 一 个 坏 习 惯 ， 因 为 它 
没有 块 级 作用 域 。 更 好 的 方式 是 在 每 个 图 数 的 开头 部 分 声明 所 有 变 


Ho 


自动 插入 分 号 


Semicolon Insertion 


JavaScript 有 一 个 自动 修复 机 制 ， 它 试图 通过 自动 插入 分 号 来 修正 
有 缺损 的 程序 。 但 是 , 干 万 不 要 指望 它 ， 它 可 能 会 掩盖 更 为 严重 的 错 


误 。 


有 时 它 会 不 合 时 宜 地 插入 分 号 。 请 考虑 在 return 语 句 中 自动 插入 分 
号 导致 的 后 果 。 如 果 一 个 return 语 句 返 回 一 个 值 ， 这 个 值 表 达 式 的 开始 
部 分 必须 和 return 位 于 同一 行 : 


return 


{ 


status: true 
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这 看 起 来 是 要 返回 一 个 包含 status 成 员 元 素 的 对 象 。 遗 憾 的 是 ， 自 
动 插入 分 号 让 它 变 成 了 返回 undefined。 自 动 插 入 分 号 导致 程序 被 误 
解 ， 却 没有 任何 警告 提醒 。 如 果 把 { 放 在 上 一 行 的 尾部 而 不 是 下 一 行 的 
头 部 就 可 以 避免 该 问题 : 


return { 


status: true 


37 


保留 字 
Reserved Words 


下 面 的 单词 在 JavaScript 里 被 保留 : 


abstract boolean break byte case catch char class const 
continue debugger default 
delete do double else enum export extends false final 
finally float for function goto 
if implements import in instanceof int interface long native 
new null package private 


protected public return short static super switch 


synchronized this throw throws 


transient true try typeof var volatile void while with 
这 些 单词 中 的 大 多 数 并 没有 在 语言 中 使 用 。 


它们 不 能 被 用 来 命名 变量 或 参数 由 。 当 保留 字 被 用 做 对 象 字 面 量 的 
键 值 时 ， 它 们 必须 被 引号 括 起 来 。 它 们 不 能 被 用 在 点 表示 法 中 ， 所 以 
有 时 必须 使 用 括号 表示 法 : 


var method; // ok 
var class; // 非法 
object = {box: value}; // ok 


object = {case: value}; // 非法 


object = {'case': value}; // ok 


object.box = value; // ok 

object.case = value; // 非法 

object['case'] = value; // ok 
Unicode 


JavaScript 设 计 之 初 ，Unicode 预 期 最 多 会 有 65536 个 字符 。 但 从 那 
以 后 它 的 容量 慢 慢 增长 到 了 拥有 一 百 万 个 字符 。 


JavaScript 的 字符 是 16 位 的 ， 那 足以 覆盖 原 有 的 65536 个 字符 (现在 
被 称 为 基本 多 文 种 平面 2 (Basic Multilingual Plane) ) 。 剩 下 的 百 万 字 


符 中 的 每 一 个 都 可 以 用 一 对 字符 来 表示 。Unicode 把 一 对 字符 视 为 一 个 
单一 的 字符 。 而 JavaScript 认 为 一 对 字符 是 两 个 不 同 的 字符 。 


typeof 
typeof 运 算 符 返回 一 个 用 于 识别 其 运算 数 类 型 的 字符 串 。 所 以 : 


typeof 98 .6 


返回 mumber。 EIRE: 


typeof null 


返回 'object' 而 不 是 null'。 这 简直 大 糟糕 了 。 其 实 ， 有 更 简单 也 更 好 
的 检测 null 的 方式 : 


my_value === null 


一 个 更 大 的 问题 是 检测 对 象 的 值 。typeof 不 能 辨别 出 null 与 对 象 ， 
但 你 可 以 像 下 面 这 样 做 ， 因 为 null 值 为 假 ， 而 所 有 对 象 值 为 真 : 


if (my_value && typeof my_value === 'object') { 
// my_value 是 一 个 对 象 或 数组 ! 


相关 的 内 容 ， 请 参阅 后 面 的 小 节 “NaN” 和 “ 伪 数 组 ”。 


在 对 正则 表达 式 的 类 型 识别 上 ， 各 种 JavaScript 的 实现 不 太一 致 。 
对 于 下 面 的 代码 : 


typeof /a/ 


一 些 实现 会 返回 'object ， 而 其 他 的 返回 'function"33。 如 果 返 
回 'regexp' 可 能 会 更 有 用 些 ， 但 标准 不 允许 那么 做 。 


parselnt 


parseInt 是 一 个 把 字符 捉 转 换 为 整数 的 水 数 。 它 在 遇 到 非 数字 时 会 
停止 解析 ， 所 以 parseInt("16") 与 parseInt("16 tons") 产 生 相 同 的 结果 。 如 
果 该 函数 会 提醒 我 们 出 现 了 额外 文本 就 好 了 ， 但 它 不 会 那么 做 。 


如 果 该 字符 串 第 1 个 字符 是 0， 那 么 该 字符 串 会 基于 八进制 而 不 是 
十 进 制 来 求 值 。 在 八进制 中 ，8 和 9 不 是 数字 ， 所 以 parseInt("08") 和 
parseInt("09") 都 产生 0 作为 结果 。 这 个 错误 会 导致 程序 解析 日 期 和 和 时间 
时 出 现 问题 。 幸 运 的 是 ，parseInt 可 以 接受 一 个 基数 作为 参数 ， 如 此 一 
来 parseInt("08", 10) 结 果 为 8。 我 建议 你 总 是 加 上 这 个 基数 参数 。 


十 


+ 运算 符 可 以 用 于 加 法 运算 或 字符 串 连 接 。 它 究竟 会 如 何 执行 取决 
于 其 参数 的 类 型 。 如 果 其 中 一 个 运算 数 是 一 个 空 字符 串 ， 它 会 把 另 一 


个 运算 数 转换 成 字符 捉 并 返回 。 如 果 两 个 运算 数 都 是 数字 ， 它 返回 两 
者 之 和 。 否 则 ， 它 把 两 个 运算 数 都 转换 为 字符 串 并 连接 起 来 。 这 个 复 
杂 的 行为 是 bug 的 单 见 来 产 。 如 果 你 打算 用 + 去 做 加 法 运算 ， 请 确保 两 


个 运算 数 都 是 整数 。 


FAL 


Floating Point 


二 进 制 的 浮 点 数 不 能 正确 地 处 理 十 进 制 的 小 数 ， 因 此 0.1+0.2 不 等 
于 0.3。 这 是 JavaScript 中 最 经 常 被 报告 的 bug， 并 且 它 是 遵循 二 进 制 浮 
点 数 算术 标准 (IEEE 754) 多 而 有 意 导致 的 结果 。 这 个 标准 对 很 多 应 用 
都 是 适合 的 ， 但 它 违 背 了 大 多 数 你 在 中 学 所 学 过 的 关于 数字 的 知识 。 
冬运 的 是 ， 浮 点 数 中 的 整数 运算 是 精确 的 ， 所 以 小 数 表现 出 来 的 错误 
可 以 通过 指定 精度 来 避免 。 


举例 来 说 ， 美 元 可 以 通过 乘 以 100 而 全 部 转 成 美 分 ， 然 后 就 可 以 准 
确 地 将 美 分 相 加 。 它 们 的 和 可 以 再 除 以 100 转 换 回 美元 。 当 人 们 计算 货 


NaN 


NaN 是 IEEE 754 中 定义 的 一 个 特殊 的 数量 值 。 它 表示 的 不 是 一 个 数 
字 ， 尽 管 下 面 的 表达 式 返 回 的 是 true: 


typeof NaN === number // true 


该 值 可 能 会 在 试图 把 非 数 字形 式 的 字符 串 转 换 为 数字 时 产生 。 例 
如 : 


+ 0 // 0 


+ 'oops' // NaN 


如 果 NaN 是 数学 运算 中 的 一 个 运算 数 ， 那 么 结果 就 是 NaN。 所 以 ， 
如 果 你 有 一 个 公式 链 产生 出 NaN 的 结果 ， 那 肯定 要 么 其 中 一 个 输入 项 
是 NaN， 要 么 在 某 个 地 方 产生 了 NaN。 


你 可 以 对 NaN 进 行 检 测 。 正 如 我 们 之 前 所 见 ，typeof 不 能 辨别 数字 
和 NaN ， 而 且 NaN 也 不 等 同 于 它 自己 。 所 以 ， 下 面 的 代码 结果 令 人 惊 
讶 : 


NaN === NaN // false 


NaN !== NaN // true 


JavaScript 提 供 了 一 个 isNaN 浆 数 ， 可 以 辨别 数字 与 NaN: 


isNaN(NaN) // true 
isNaN(0) // false 
isNaN('oops') / / true 
isNaN('O') // false 


判断 一 个 值 是 否 可 用 做 数字 的 最 佳 方法 是 使 用 isFinite 国 数 ， 因 为 
它 会 笨 除 掉 NaN 和 Tnfinity。 遗 憾 的 是 ，isFinite 会 试图 把 它 的 运算 数 转 


换 为 一 个 数字 ， 所 以 ， 如 果 值 事 实 上 不 是 一 个 数字 ， 它 就 不 是 一 个 好 
的 测试 。 你 可 以 这 样 定义 自己 的 isNumber 遂 数 : 


var isNumber = function isNumber(value) { 


return typeof value === 'number' && isFinite(value); 


伪 数 组 
Phony Arrays 


JavaScript 没 有 真正 的 数组 。 这 也 不 全 是 坏事 。JavaScript 的 数组 确 
实 非常 容易 使 用 。 你 不 必 给 它们 设置 维度 ， 而 且 它 们 永远 不 会 产生 越 
界 (out-of-bounds) 错误 。 但 它们 的 性 能 相 比 真正 的 数组 可 能 相当 粳 
Fo 


typeof 运 算 符 不 能 辨别 数组 和 对 象 。 要 判断 一 个 值 是 否 为 数组 ， 你 
还 需要 检查 它 的 constructor 属 性 : 


if (my_value && typeof my_value === 'object' && 
my_value.constructor === Array) { 
// my value 是 一 个 数组 。 


} 


上 面 的 检测 对 于 在 不 同 帧 或 窗口 创建 的 数组 将 会 给 出 false。 当 数 
组 有 可 能 在 其 他 的 帧 中 被 创建 时 ， 下 面 的 检测 更 为 可 靠 : 


if (Object.prototype.toString.apply(my_value) === '[object 
Array]'){ 
// my_value 确实 是 一 个 数组 ! 
} 


arguments 数 组 不 是 一 个 数组 ， 它 只 是 一 个 有 着 length 成 员 属 性 的 对 
象 。 上 面 的 检测 会 分 辨 出 arguments 并 不 是 一 个 数组 。 


BRE 
Falsy Values 


JavaScript 拥 有 一 组 数量 奇 大 的 假 值 ， 请 参见 表 A-1。 


FRA-1: JavaScript 的 众多 假 值 


值 类 型 
0 Number 
NaN ( 非 数 字 ) Number 
”( 空 字符 串 ) String 
false Boolean 
null Object 


undefined Undefined | 


这 些 值 全 部 都 等 同 于 假 ， 但 它们 是 不 可 互 换 的 。 例 如 ， 要 想 确 定 
一 个 对 象 是 否 缺 少 一 个 成 员 属 性 ， 这 是 一 种 错误 的 方式 : 


value = myObject[name] ; 
if (value == null) { 
alert(name + not found. ); 


I 


undefined 是 缺失 的 成 员 属 性 的 值 ， 但 这 上段 代码 里 用 null 来 测试 。 它 
使 用 了 会 强制 转换 类 型 的 == 运 算 符 (参见 附录 B) ， 而 不 是 更 可 靠 的 
=== 运 算 符 。 有 时 那 两 个 错误 会 彼此 抵消 ) 有 时 则 不 会 。 


undefined 和 NaN 并 不 是 常量 只 。 它 们 居然 是 全 局 变量 ， 而 且 你 可 以 
变 它 们 的 值 。 那 本 是 不 应 该 的 ， 但 事实 确实 如 此 。 千 万 不 要 这 样 
做 。 


hasOwnProperty 


在 第 3 章 中 ，hasOwnProperty 方 法 被 用 做 一 个 过 滤器 去 避 开 for in 语 
句 的 一 个 隐患 。 遗 憾 的 是 ，hasOwnProperty 是 一 个 方法 ， 而 不 是 一 个 运 
算 符 ， 所 以 在 任何 对 象 中 ， 它 可 能 会 被 一 个 不 同 的 函数 甚至 一 个 非 函 
数 的 值 所 替换 : 


var name; 


another_stooge.hasOwnProperty = null; // 地 雷 


for (name in another_stooge) { 
if (another_stooge.hasOwnProperty(name)) { // fa 


document.writeln(name + ': ' + another_stooge[name] ); 


WR 
Object 


JavaScript 的 对 象 永远 不 会 是 真 的 空 对 象 ， 因 为 它们 可 以 从 原型 链 
中 取得 成 员 属 性 。 有 时 候 那 会 带 来 些 麻 烦 。 例 如 ， 假 设 你 正在 编写 一 
个 程序 去 计算 一 段 文 本 中 每 个 单词 的 出 现 次 数 。 我 们 可 以 使 用 
toLowerCase 方 法 统一 转换 文本 为 小 写 格 式 ， 接 着 使 用 split 方 法 传 一 个 
正则 表达 式 为 参数 去 产生 一 个 单词 数组 。 然 后 可 以 遍历 该 组 单词 并 统 
计 我 们 看 到 的 每 个 单词 出 现 的 次 数 : 


var i; 
var word; 
var text = 

"This oracle of comfort has so pleased me, " + 
"That when I am in heaven I shall desire " + 
"To see what this child does, " + 


"and praise my Constructor."; 


var words = text.toLowerCase( ).split(/[\s,.]+/); 


var count = {}; 
for (i = 0; i < words.length; i += 1) { 
word = words[i]; 
if (count[word]) { 
count[word] += 1; 
} else { 


count[word] = 1; 


} 


让 我 们 来 研究 该 结果 ，count['this] 的 值 为 2，count.heaven 的 值 是 1 
， 但 是 count.constructor 却 包含 着 一 个 看 上 去 令 人 不 可 思议 的 字符 串 避 。 
其 原因 在 于 count 对 象 继承 自 Object.prototype， 而 Object.prototype 包 含 着 
一 个 名 为 constructor 的 成 员 对 象 ， 它 的 值 是 一 个 Object。+= 运 算 符 ， 就 
像 + 运 算 符 一 样 ， 当 它 的 运算 数 不 是 数字 时 会 执行 字符 串 连 接 操 作 而 不 
是 做 加 法 。 因 为 该 对 象 是 一 个 函数， 所 以 += 运 算 符 把 它 转 换 成 一 个 莫 
名 其 妙 的 字符 串 ， 然 后 再 把 一 个 数字 1 加 在 它 的 后 面 。 


我 们 可 以 采用 处 理 for in 中 的 问题 的 相同 方法 去 避免 类 似 的 问题 : 
用 hasOwnProperty 方 法 检测 成 员 关 系 ， 或 者 查找 特定 的 类 型 。 在 当前 情 
形 下 ， 我 们 对 似是而非 的 count[word] 的 测试 条 件 指定 得 不 够 具体 2。 我 
们 可 以 这 样 写 : 


if (typeof count[word] === 'number') { 


(1) 各 个 浏览 器 在 对 保留 字 的 使 用 限制 上 不 同 版 本 有 不 同 的 处 理 ， 根 据 译 者 的 测试 ， 比 如 
文中 的 代码 : 


object={case: value}; 


在 目前 主流 浏览 器 的 主流 版 本 中 都 是 合法 的 ， 但 在 老 版 本 中 则 可 能 不 合法 。 而 类 似 
intlong/float 等 保留 字 ， 在 各 浏览 器 中 都 可 以 用 做 变量 名 及 对 象 字 面 量 的 键 值 。 尽 管 如 此 ， 在 
这 些 场合 依然 不 建议 使 用 任何 保留 字 。 

(2) 基本 多 文 种 平面 (Basic Multilingual Plane, BMP) 或 称 第 0 平面 (Plane 0) ， 是 
Unicode 中 的 一 个 编码 区 段 。 编 码 从 U+0000 至 U+FFFF 。 更 多 详细 内 容 请 参见 
http://zh.wikipedia.org/wiki/ 基 本 多 文 种 平面 。 

(3) 经 译 者 测试 ， 在 对 正则 表达 式 执行 typeof 操 作 时 ， 主 流 浏览 器 中 的 IE/Firefox/Opera 都 返 
回 '"object， 而 Safari， 在 3.x 版 本 系列 中 ， 返 回 的 是 'function' ，5.x 版 本 后 与 其 他 浏览 器 调整 为 保 
持 一 致 。 

(4) IEEE 754 是 最 广泛 使 用 的 浮 点 数 运算 标准 ， 为 许多 CPU 与 浮 点 运算 器 所 采用 。 更 多 详 
AAA Bis S Dl hetp://zh.wikipedia.org/wiki/IEEE_754 

(5) 在 ECMAScript 规 范 第 5 版 中 ， 明 确 规定 了 NaN 和 undefined 为 常量 ， 而 之 前 的 版 本 中 都 未 
明确 规定 。 经 过 译 者 的 测试 ， 目 前 主流 浏览 器 的 主流 版 本 ， 都 无 法 变更 NaN 和 undefined 的 值 。 
而 IE8 及 以 下 的 正 浏 览 器 是 可 以 的 。 


(6) 在 主流 浏览 器 上 ， 打 印 count.constructor 将 会 返回 字符 串 function Object( ){[native 
code]}o 

(D 作者 此 处 的 意思 是 说 ， 因 为 难以 确定 哪个 单词 可 能 与 对 象 原 型 链 中 的 属性 或 方法 名 重 
合 ， 所 以 无 法 列 出 充分 的 测试 条 件 。 


附录 B 
糟粕 
Bad Parts 


现在 要 请 你 告诉 我 ， 你 究竟 为 了 我 哪 一 点 坏处 而 开始 爱 
起 我 来 呢 ? 


一 一 威廉 . 沙 士 比 亚 ，《 无 事 生 非 》 (Much Ado About Nothing) 


在 本 附录 中 ， 我 会 展示 JavaScript 一 些 有 问题 的 特性 ， 但 我 们 很 容 
易 就 能 避免 它们 。 通 过 这 些 简 单 的 做 法 ， 你 可 以 使 JavaScript 成 为 一 门 
更 好 的 语言 ， 也 让 你 自己 成 为 一 个 更 好 的 程序 员 。 


JavaScript 有 两 组 相等 运算 符 : lll, HN NAB HNA 
第 == 和 !=。=== 和 !== 这 一 组 运算 符 会 按照 你 期 望 的 方式 工作 。 如 果 两 
个 运算 数 类 型 一 致 且 拥有 相同 的 值 ， 那 么 === 返 回 tue，!== 返 回 
false。 而 它们 收 恶 的 杰 生 兄弟 只 有 在 两 个 运算 数 类 型 一 致 时 才 会 做 出 
正确 的 判断 ， 如 果 两 个 运算 数 是 不 同 的 类 型 ， 它 们 试图 去 强制 转换 值 
的 类 型 。 转 换 的 规则 复杂 且 难 以 记忆 。 这 里 有 一 些 有 趣 的 例子 : 


' == O // false 
© == '' // true 


© == '0' // true 


false == 'false' // false 


false == 'ọ0' // true 


false == undefined // false 
false == null // false 


null == undefined // true 


"\t\r\n ' == 0 // true 


== 运 算 符 对 传递 性 中 的 缺乏 值得 我 们 和 警惕。 我 的 建议 是 永远 不 要 
使 用 那 对 引 恶 的 挛 生 兄弟。 相反 ， 请 始终 使 用 === 和 !==。 如 果 以 上 所 
有 的 比较 使 用 === 运 算 符 ， 结 果 都 是 false。 


° * 
with 语 何 
with Statement 
Javascript 提 供 了 一 个 with 语句 ， 本 意 是 想 用 它 来 快捷 地 访问 对 象 


的 属性 。 不 季 的 是 ， 它 的 结果 可 能 有 时 不 可 预料 ， 所 以 应 该 避免 使 用 
e 


下 面 的 语句 : 


with (obj) { 


a = b; 


和 下 面 的 代码 做 的 是 同样 的 事情 : 


if (obj.a === undefined) { 

a = obj.b === undefined ? b : obj.b; 
} else { 

obj.a = obj.b === undefined ? b : obj.b; 
} 


所 以 ， 它 等 于 这 些 语句 中 的 某 一 条 : 


a = b; 
a = obj.b; 
obj.a = b; 


obj.a = obj.b; 


通过 阅读 程序 代码 ， 你 不 可 能 辨别 出 你 会 得 到 的 是 这 些 语句 中 的 
哪 一 条 。 它 可 能 随 着 程序 运行 到 下 一 步 时 发 生变 化 。 它 甚至 可 能 在 程 
序 运 行 过 程 中 就 发 生 了 变化 。 如 果 你 不 能 通过 阅读 程序 而 了 解 它 将 会 
做 什么 ， 你 就 无 法 确信 它 会 正确 地 做 你 想 要 做 的 事情 。 


with 语句 在 这 门 语 言 里 存在 ， 本 身 就 严重 影响 了 JavaScript 处 理 器 
的 速度 ， 因 为 它 阻 断 了 变量 名 的 词法 作用 域 绑 定 。 它 的 本 意 是 好 的 ， 
但 如 果 没 有 它 ，JavaScript 语 言 会 更 好 一 点 。 


eval 


eval 国 数 传递 一 个 字符 串 给 JavaScript 编 译 器 ， 并 且 执 行 其 结果 。 
它 是 一 个 被 滥用 得 最 多 的 JavaScript 特 性 。 那 些 对 JavaScript 语 言 一 知 半 
解 的 人 们 最 常用 到 它 。 例 如 ， 如 果 你 知道 点 表示 法 ， 但 不 知道 下 标 表 
示 法 ， 就 可 能 会 这 么 写 : 


eval("myValue = myObject." + myKey + ";"); 


而 不 是 这 么 写 : 


U 


my value = myObject[myKey]; 


使 用 eval 形 式 的 代码 更 加 难以 阅读 。 这 种 形式 使 得 性 能 显著 降 
低 ， 因 为 它 需要 运行 编译 器 ， 但 也 许 只 是 为 了 执行 一 个 微不足道 的 赋 
值 语句 。 它 也 会 让 JSLint (参见 附录 C) 失效 ， 让 此 工具 检测 问题 的 能 
力 大 打折 扣 。 


eval 遂 数 还 减弱 了 你 的 应 用 程序 的 安全 性 ， 因 为 它 给 被 求 值 的 文 
本 授予 了 太 多 的 权力 。 而 且 就 像 with 语 句 执 行 的 方式 一 样 ， 它 降低 了 
语言 的 性 能 。 


Function 构 造 器 是 eval 的 另 一 种 形式 ， 同 样 也 应 该 避免 使 用 它 。 


浏览 器 提供 的 setTimeout 和 setInterval 函 数 ， 它 们 能 接受 字符 串 参 
数 或 函数 参数 。 当 传递 的 是 字符 串 参 数 时 ，setTimeout 和 setInterval 会 
像 eval 那 样 去 处 理 。 同 样 也 应 该 避免 使 用 字符 串 参 数 形式 。 


continue 
continue Statement 


continue 语 句 跳 到 循环 的 顶部 。 我 发 现 一 段 代 码 通过 重 构 移 除 
continue 语 名 之后， 性 能 都 会 得 到 改善 。 


switch FER 
switch Fall Through 


switch 语 句 的 由 来 可 以 追溯 到 FORTRAN IVG) 的 go to 语句 。 除 非 你 
明确 地 中 断 流程 ， 否 则 每 次 条 件 判断 后 都 穿越 到 下 一 个 case 条 件 。 


有 人 曾 写 信 给 我 ， 建 议 JSLint 应 该 在 一 个 case 条 件 向 下 穿越 到 另 一 
个 case 条 件 时 给 出 一 个 警告 。 他 指出 这 是 一 个 非常 常见 的 错误 来 源 ， 
并 且 它 很 难 通过 查看 代码 发 现 错误 。 我 回信 说 完全 同意 他 的 意见 ， 但 
从 穿越 中 得 到 的 紧凑 性 的 好 处 可 以 降低 它 出 错 的 概率 。 


第 二 天 ， 他 报告 说 在 JSLint 里 有 一 个 错误 。 它 是 一 个 无 法 正确 识 
别 错 误 的 错误 。 我 调查 了 一 番 ， 结 果 证 明 是 我 有 一 个 case 条 件 穿越 导 
致 的 。 那 一 刻 ， 我 受到 了 启发 。 我 不 再 刻意 地 使 用 case 条 件 穿 越 。 那 
条 原则 使 得 我 们 可 以 更 加 容易 地 发 现 不 小 心 造成 的 case 条 件 穿 越 。 一 
门 语言 最 糟糕 的 特性 不 是 那些 一 看 就 知道 很 危险 或 者 没有 价值 的 特 
性 。 那 些 特 性 很 容易 被 避免 。 最 糟糕 的 特性 就 像 带刺 的 玫瑰 ， 它 们 是 
有 用 的 ， 但 也 是 危险 的 。 


缺少 块 的 语句 


Block-Iess Statements 


If、while、do 或 for 语 句 可 以 接受 一 个 括 在 化 括号 中 的 代码 块 ， 也 
可 以 接受 单行 语句 。 单 行 语句 的 形式 是 另 一 种 带刺 的 玫瑰 。 它 带 来 的 
好 处 是 可 以 节约 两 个 字 节 ， 但 这 是 不 是 一 个 好 处 值得 商 椎 。 它 模糊 了 
程序 的 结构 ， 使 得 在 随后 的 操作 代码 中 可 能 很 容易 插入 错误 。 例 如 : 


if (ok) 
t = true; 


advance (); 


它 看 起 来 像 是 要 这 样 : 
if (ok) { 
t = true; 


advance (),; 


J 


但 实际 上 它 本 意 却 是 : 


if (ok) { 
t = true; 
} 


advance( ); 


够 似 在 做 一 件 事 ， 但 实际 上 却 是 在 做 另 一 件 事 的 程序 是 非常 难 理 
清楚 的 。 制 定 严格 的 规范 要 求 始 终 使 用 代码 块 会 使 得 代码 更 容易 理 


for (p = src, q = dest; *p; p++, q++) *q = *p; 


递增 和 递减 运算 符 使 得 程序 员 可 以 用 非常 简洁 的 风格 去 编码 。 比 
如 在 C 语 言 中 ， 它 们 使 得 用 一 行 代码 实现 字符 串 的 复制 成 为 可 能 : 

事实 上 ， 这 两 个 运算 符 鼓 励 了 一 种 不 够 谨慎 的 编程 风格 。 大 多 数 
的 缓冲 区 溢出 错误 所 造成 的 安全 漏洞 ， 都 是 由 像 这 样 编码 而 导致 的 。 


在 我 自己 的 实践 中 ， 我 观察 到 ， 当 我 使 用 ++ 和 -- 时 ， 代 码 往往 变 
得 过 于 拥挤 、 复 杂 和 隐 上 临 。 因 此 ， 作 为 一 条 原则 ， 我 不 再 使 用 它们 。 
我 想 那样 会 让 我 的 代码 风格 变 得 更 为 整洁 。 


位 运算 符 


Bitwise Operators 


JavaScript 有 着 与 Java 相 同 的 一 套 位 运算 符 : 


& and 按 位 与 
| or 按 位 或 
^ xor 按 位 异 或 
~ not 按 位 非 


> FHS NAS 
>>> 无 符号 的 (用 0 补足 的 ) 右 位 移 
< Eut 


在 Java 里 ， 位 运算 符 处 理 的 是 整数 。JavaScript 没 有 整数 类 型 ， 它 
只 有 双 精 度 的 浮 点 数 。 因 此 ， 位 操作 符 把 它们 的 数字 运算 数 先 转换 成 
整数 ， 接 着 执行 运算 ， 然 后 再 转换 回去 。 在 大 多 数 语 言 中 ， 这 些 位 运 
算 符 接 近 于 硬件 处 理 ， 所 以 非常 快 。 但 JavaScript 的 执行 环境 一 般 接触 
到 硬件 ， 所 以 非常 慢 。JavaScript 很 少 被 用 来 执行 位 操作 。 


还 有 ， 人 在 JavaScript 程 序 中 ，& 非 常 容易 被 误 写 为 && 运 算 符 。 位 运 
算 符 出 现在 JavaScript 中 降低 了 这 门 语言 的 风 余 度 岛 ， 使 得 bug 更 容易 
被 隐藏 起 来 。 


function 语 句 对 比 function 表 达 式 


The function Statement Versus the 
function Expression 


JavaScript 既 有 function 语 句 ， 同 时 也 有 function 表 达 式 。 这 令 人 财 
惑 ， 因 为 它们 看 起 来 好 像 就 是 相同 的 。 一 个 function 语 句 就 是 其 值 为 一 
个 函数 的 var 语 句 的 速记 形式 。 


下 面 的 语句 : 


function foo( ) {} 


意思 相当 于 : 


var foo = function foo( ) {}; 


在 整 本 书 中 ， 我 一 直 使 用 的 是 第 2 种 形式 ， 因 为 它 能 明确 表示 foo 
是 一 个 包含 一 个 永 数 值 的 变量 。 要 用 好 这 门 语 言 ， 理 解 函 数 就 是 数值 
是 很 重要 的 。 


function 语句 在 解析 时 会 发 生 被 提升 的 情况 。 这 意味 着 不 管 
function 被 放置 在 哪里 ， 它 会 被 移动 到 被 定义 时 所 在 作用 域 的 顶层 。 这 
放宽 了 函数 必须 先 声明 后 使 用 的 要 求 ， 而 我 认为 这 会 导致 混乱 。 在 让 
语句 中 使 用 function 语 句 也 是 被 禁止 的 。 结 果 表 明 大 多 数 的 浏览 器 都 允 
许 在 if 语 句 里 使 用 function 语 句 ， 但 它们 在 解析 时 的 处 理 上 各 不 相同 。 
这 就 造成 了 可 移植 性 的 问题 。 


一 个 语句 不 能 以 一 个 函数 表达 式 开 头 ， 因 为 官方 的 语法 假定 以 单 
词 function 开 头 的 语句 是 一 个 function 语 句 。 解 决 方法 就 是 把 函数 调用 
括 在 一 个 圆 括号 之 中 。 


(function ( ) { 


var hidden_variable; 


// 这 个 冰 数 可 能 对 环境 有 一 些 影 响 ， 但 不 会 引入 新 的 全 局 变 


a 


100), 


类 型 的 包装 对 象 
Typed Wrappers 


JavaScript 有 一 套 类 型 的 包装 对 象 。 例 如 : 


new Boolean(false) 


会 返回 一 个 对 象 ， 该 对 象 有 一 个 valueOf 方 法 会 返回 被 包装 的 值 。 
这 其 实 完 全 没有 必要 ， 并 且 有 时 还 令 人 困惑 。 不 要 使 用 new Boolean, 


new Number 或 new String。 


此 外 也 请 避免 使 用 new Object 和 new Array。 可 使 用 {} 和 [ ] 来 代 
Fo 


new 


JavaScript 的 new 运 算 符 创建 一 个 继承 于 其 运算 数 的 原型 的 新 对 
象 ， 然 后 调用 该 运算 数 ， 把 新 创建 的 对 象 绑 定 给 this。 这 给 运算 数 (C 
应 该 是 一 个 构造 器 函数 ) 一 个 机 会 在 返回 给 请 求 者 前 自 定 义 新 创建 的 
对 象 。 


如 果 你 乓 记 了 使 用 此 new 运 算 符 ， 你 得 到 的 就 是 一 个 普通 的 六 数 
调用 ， 并 且 this 被 绑 定 到 全 局 对 象 ， 而 不 是 新 创建 的 对 象 。 这 意味 着 当 
你 的 函数 党 试 去 初始 化 新 成 员 属 性 时 它 将 会 污染 全 局 变量 。 这 是 一 件 
非常 糟糕 的 事情 。 而 且 既 没有 编译 时 营 告 ， 也 疫 有 运行 时 警告 。 


按照 惯例 ， 打 算 与 new 结 合 使 用 的 函数 应 该 以 首 字母 大 写 的 形式 
命名 ， 并 且 首 字母 大 写 的 形式 应 该 只 用 来 命名 那些 构造 器 函数 。 这 个 
约定 帮助 我 们 进行 区 分 ， 便 于 我 们 发 现 那 些 JavaScript 语 言 自身 经 常 忽 
略 但 却 会 带 来 昂贵 代价 的 错误 。 


一 个 更 好 的 应 对 策略 就 是 根本 不 去 使 用 new。 
void 
在 很 多 语言 中 ，void 是 一 种 类 型 ， 表 示 没 有 值 。 而 在 JavaScript 


里 ，void 是 一 个 运算 符 ， 它 接受 一 个 运算 数 并 返回 undefined。 这 没有 
什么 用 ， 而 且 令 人 非常 困惑 。 应 避免 使 用 它 。 


(1) 传递 性 是 一 种 编程 约定 。 可 以 这 么 理解 : 对 于 任意 的 引用 值 x、y 和 z， 如 果 x==y 和 
y==z 为 tue， 那 么 x==z 为 true。 而 JavaScript 中 的 == 运 算 符 在 某 些 特例 上 违背 了 传递 性 。 


(2) FORTRAN 语 言 最 初 是 由 数值 计算 方面 的 需要 而 发 展 起 来 的 。FORTRAN IV 在 1962 年 
推出 ， 并 开始 被 广泛 使 用 。 更 多 详细 内 容 请 参见 http://zh.wikipedia.org/wiki/Fortrano 


(3) 关于 语言 的 元 余 度 ， Mhttp://en.wikipedia.org/wiki/Redundancy_(language)o 


附录 C 
JSLint 
难道 我 的 眼睛 耳 打 都 有 了 毛病 ? 


一 一 威廉 :莎士比亚 ，《 错 误 的 喜剧 》 (The Comedy of Errors) 


在 C 语 言 还 是 一 门 新 生 的 编程 语言 的 时 候 ， 有 一 些 常 见 的 编程 错 
误 不 能 被 原始 的 编译 器 捕获 ， 所 以 一 个 名 为 lint 的 辅助 程序 被 开发 出 
来 ， 它 可 以 通过 扫描 源 文件 来 查找 问题 。 


随 着 C 语 言 趋 于 成 熟 ， 语 言 的 定义 被 强化 以 消除 一 些 不 安全 因 
素 ， 并 且 编 译 器 的 预警 能 力 得 到 了 加 强 。 所 以 lint 不 再 需要 了 。 


JavaScript 是 一 门 “ 年 轻 * 的 语言 。 它 最 初 被 设计 出 来 用 于 执行 web 
页 面 上 那些 用 Java 完 成 过 于 笨拙 的 小 型 任务 。 然 而 ，JavaScript 是 一 门 
能 力 很 强 的 语言 ， 现 在 已 经 被 应 用 于 一 些 大 型 项 目 之 中 。 但 对 大 型 项 
目 而 言 ， 很 多 本 意 是 希望 提高 这 门 语言 易 用 性 的 特性 却 成 了 麻烦 。 于 
是 催生 出 一 个 针对 JavaScript 的 lint: JSLint， 一 个 JavaScript 语 法 检查 器 
和 校 验 器 。 


JSLint 是 一 个 JavaScript 的 代码 质量 工具 。 它 读 取 源 文本 并 进行 扫 
首 。 如 果 发 现 问题 ， 它 会 返回 一 个 消息 描述 该 问题 并 指明 该 问题 在 源 
文件 中 的 大 概 位 置 。 被 发 现 的 问题 往往 是 语法 错误 ， 但 也 不 一 定 全 
是 。JSLint 还 会 查看 一 些 代码 风格 惯例 及 结构 上 的 问题 。 它 不 会 证 明 
你 的 程序 是 否 正 确 ， 只 是 提供 了 另 一 种 视角 帮助 你 辨认 间 题 。 


JSLint 定 义 了 JavaScript 的 一 个 特定 子 集 ， 一 个 比 《ECMAScript 语 
言 规范 》 第 3 版 (ECMA-262) 的 定义 更 严格 的 语言 。 该 子 集 与 第 9 章 


所 推荐 的 代码 风格 密切 相关 。 


Javascript S-] (表面 看 起 来 ) 散漫 的 语言 ， 但 在 它 里 面 隐藏 着 
一 门 更 好 的 优雅 的 语言 。JSLint 帮 助 你 在 这 门 更 好 的 语言 中 编程 ， 并 
尽量 避免 越界 。 


JSLint 可 以 在 http:/www.JSLint.com/ 找 到 。 


未 定义 的 变量 和 函数 


Undefined Variables and Functions 


JavaScript 最 大 的 问题 是 它 对 全 局 变量 的 依赖 ， 特 别 是 隐 式 的 全 局 
变量 。 如 果 一 个 变量 没有 被 显 式 声明 〈 通 常 采 用 var 语 句 ) , AA 
JavaScript 就 假定 该 变量 是 全 局 的 。 这 可 能 掩盖 名 称 拼写 错误 或 其 他 的 


问题 。 


JSLint 期 望 所 有 的 变量 和 函数 在 使 用 或 调用 前 都 已 被 声明 。 这 样 
它 就 可 以 探测 隐 式 的 全 局 变量 。 这 也 是 一 种 恨 好 的 编码 实践 ， 因 为 它 
使 得 程序 更 容易 阅读 。 


有 时 候 ， 一 个 文件 会 依赖 在 别处 定义 的 全 局 变量 与 沙 数 。 你 可 以 
在 文件 中 包含 一 个 注释 ， 列 出 那些 程序 依赖 的 但 却 没 有 定义 在 你 的 程 
序 或 脚本 文件 中 的 全 局 阔 数 与 对 象 ， 标 注 给 JSLint 知 道 。 


全 局 声明 注释 可 以 用 来 列 出 所 有 你 明确 用 做 全 局 变量 的 名 字 。 
JSLint 可 以 用 此 信息 去 辨别 拼写 错误 和 被 遗志 的 var 声 明 。 一 个 全 局 声 
明 可 能 看 起 来 像 这 样 : 


/*global getElementByAttribute, breakCycles, hanoi */ 


全 局 声明 以 /*global 字 样 开头 。 注 意 在 g 之 前 没有 空白 。 你 可 以 使 
用 任意 多 个 /*global 注 释 ， 但 它们 必须 出 现在 指定 的 变量 被 使 用 之 前 。 


你 可 以 预先 定义 一 些 全 局 属性 (参见 后 面 的 C.3 节 ) 。 选 择 “ 模 拟 
浏览 器 (Assume a browser) ”(browser) 选项 可 以 预定 义 由 Web 浏 览 
器 提供 的 标准 全 局 属性 ， 比 如 window、document 和 alert。 选择 “模拟 
Rhino (Assume Rhino) ” (rhino) 选项 可 以 预定 义 由 Rhino( 环 境 提供 
的 全 局 属性 。 选 择 “ 模 拟 YAHOO Widget (Assume a YAHOO Widget) ” 

(widget) 选项 可 以 预定 义 由 YAHOO! Widgets? Fike ENS Ae 
性 。 


成 员 属性 


Members 


因为 JavaScript 是 一 门 弱 类 型 的 动态 对 象 语言 ， 所 以 它 无 法 在 编译 
时 确定 属性 名 是 否 拼写 正确 。JSLint 为 此 提供 了 一 些 帮 助 。 


在 它 的 报告 的 底部 号 ，JSLint 显 示 了 一 个 /members*/ 注 释 。 它 包 
含 所 有 在 点 表示 法 、 下 标 表 示 法 中 使 用 到 的 名 字 和 字符 串 字 面 量 ， 涵 
盖 对 象 字 面 量 中 的 成 员 属 性 。 你 可 以 从 该 列表 中 检查 拼写 错误 。 只 用 
到 过 一 次 的 成 员 属 性 的 名 字 以 斜体 显示 ， 让 你 更 容易 辨认 出 拼写 错 
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你 可 以 复制 /*members*/ 注 释 到 你 的 脚本 文件 中 。JSLint 会 依照 该 
列表 来 检查 所 有 属性 名 字 的 拼写 。 这 样 就 可 以 让 JSLint 根 据 你 提供 的 
线索 查找 拼写 错误 。 


/*members doTell, iDoDeclare, mercySakes, 


myGoodness, ohGoOn, wellShutMyMouth */ 


~ 
选项 
Options 
JSLint 在 运行 时 接受 一 个 选项 对 象 作 为 参数 ， 通 过 它 可 以 限定 你 
能 接受 的 JavaScript 的 子 集 。 你 也 可 以 在 脚本 的 源码 中 设置 那些 选项 。 


选项 的 规范 看 起 来 像 这 样 : 


/*jslint nomen: true, evil: false */ 


选项 规定 以 /*jslint 开 头 。 注 意 在 j 之 前 没有 空白 。 后 面包 含 一 串 
“名 / 值 ? 对 ， 名 称 是 JSLint 的 选项 名 ， 值 为 true 或 false。 在 源码 中 指定 的 
选项 的 优先 级 高 于 选项 对 象 参数 。 所 有 的 选项 默认 值 为 false。 表 C-1 列 
出 了 在 JSLint 中 可 用 的 选项 。 


表 C-1: JSLint 的 选项 


选项 含义 


adsafe 如 果 为 tue， 表 示 强 制 实施 ADsafe.org 的 规则 多 
bitwise 如 果 为 tue， 表 示 不 允许 使 用 位 运算 符 


browser 如 果 为 tue， 表 示 预 定义 浏览 器 的 通用 全 局 属性 


cap 如 果 为 tue， 表 示人 允许 大 写字 母 的 HTML 


continue 如 果 为 tue， 表 示人 允许 使 用 continue 语 句 


Css 如 果 为 tue， 表 示人 允许 CSS hacks 或 错误 语法 
debug 如 果 为 tue， 表 示人 允许 使 用 debugger 语 句 


如 果 为 tue， 表 示 预 定义 开发 调试 常用 的 全 局 属 


devel 
ME (如 console、alert) 


eaa 如 果 为 tue， 表 示人 允许 使 用 == 和 !== 


es5 如 果 为 tue， 表 示人 允许 使 用 ES5 规 范 中 的 语法 


evil 如 果 为 tue， 表 示人 允许 eval 


forin 如 果 为 nue， 表示 人 允许 未 过 滤 的 for in 语 句 
fragment 如 果 为 tue， 表 示人 允许 HTML 片 段 

newcap 如 果 为 tue， 表 示人 允许 构造 器 水 数 首 字 母 非 大 写 
node 如 果 为 tue， 表 示 预 定义 Node 环 境 下 的 全 局 属性 


nomen 如 果 为 tue， 表 示 检 查 名 字 


表示 人 允许 在 HTML 标 签 中 注册 事件 处 


passfail 如 果 为 tue， 表 示 在 遇 到 第 1 个 错误 时 停止 扫描 


plusplus 如 果 为 tue， 表 示人 允许 使 用 ++ 和 -- 


如 果 为 tue， 表 示人 允许 在 正则 表达 式 中 使 用 有 安 
eh 全 风险 的 .和 [人 ^..] 
rhino 如 果 为 tue， 表 示 预 定义 Rhino 环 境 下 的 全 局 属性 
如 果 为 tue， 表 示人 允许 使 用 低 效 的 下 标记 法 人 
undef 如 果 为 tue， 表 示人 允许 使 用 未 定义 的 变量 或 水 数 


— 表示 允许 单个 国 数 中 存在 多 行 var 语 


white 如 果 为 true， 表 示 应 用 严格 的 空白 规则 名 


l 如 果 为 tue， 表 示 预 定义 Yahoo! Widgets 的 全 局 属 
widget 性 


JSLint comment 


option 


/*global "| 


/*jslint 
分 号 
kej 
Semicolon 


JavaScript 使 用 类 似 C 语 言 风格 的 语法 ， 它 要 求 使 用 分 号 去 界定 语 
句 。JavaScript 试 图 通过 目 动 插入 分 号 机 制 使 得 分 号 可 以 省 略 。 这 是 危 
险 的 。 


像 C 语 言 一 样 ，JavaScript 有 ++、-- 和 (运算 符 ， 它 们 可 以 前 置 也 可 
以 后 置 。 这 须 通过 分 号 去 消除 歧义 。 


在 JavaScript 中 ， 换 行 符 有 时 被 当做 空 日 ， 有 时 也 能 起 到 分 号 的 作 
用 。 这 样 的 结果 是 用 一 个 歧义 去 替代 了 另 一 个 歧义 人 。 


JSLintHA #2 4EBR TS for, function, if. switch, try#lwhileZ JA 
个 语句 后 面 都 跟着 一 个 分 号 。JSLint 不 期 望 看 到 不 必要 的 分 号 或 空 语 
Ho 


换行 
Line Breaking 


为 进一步 地 防范 被 目 动 插 入 分 号 机 制 掩盖 的 错误 ，JSLint 期 望 代 
码 很 长 的 语句 只 在 下 面 所 列 的 这 些 标点 符号 字符 或 运算 符 之 后 换行 : 


i: {} ([=5=<>?!+-*/%~^|& 
S „ . S ö N |= &= << >> | | && 


=== 下 三 三 <<= >>= >>> Y 


JSLint 不 期 望 看 到 代码 很 长 的 语句 在 标识 符 、 字 符 串 、 数 字 、 闭 
合 符 或 后 置 运算 符 之 后 换行 : 


) ] ++ -- 


JSLint 允 许 你 开启 “允许 随意 换行 (Tolerate sloppy line breaking) ” 
(laxbreak) 选项 。 


自动 插入 分 号 机 制 可 能 掩盖 “ 复 刷 /粘贴 "导致 的 错误 。 如 果 你 总 是 
在 运算 符 之 后 换行 ， 那 么 JSLint 可 以 更 好 地 去 发 现 这 些 错误 。 
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Comma 


逗号 运算 符 可 能 导致 过 于 复杂 的 表达 式 ， 也 可 能 掩盖 一 些 编程 错 


JSLint 期 望 看 到 逗号 被 用 做 一 个 分 隅 符 ， 而 不 是 一 个 运算 符 (ER 
了 在 for 语 句 的 初始 化 部 分 和 增 量 部 分 中 以 外 ) 。 它 不 期 望 看 到 数组 字 
面 量 中 省 略 掉 一 些 元 素 。 多 余 的 逗号 不 应 该 被 使 用 ， 它 不 应 该 出 现在 
数组 字面 量 或 对 象 字面 量 的 最 后 一 个 元 素 之 后 ， 因 为 它 可 能 会 被 一 些 
浏览 器 错误 地 解析 。 


M EE 
必需 的 代码 块 
Required Blocks 
JSLint 期 望 站 和 for 语 句 由 代码 块 构成 ， 即 语句 都 由 一 对 花 括号 
(0) EER. 


JavaScript 人 允许 一 个 if 语 句 写成 如 下 的 样子 : 


if (condition) 


statement; 


众所周知 ， 在 由 许多 程序 员 协 作 开 发 共享 代码 的 项 目 中 ， 这 种 形 
式 容易 导致 错误 。 所 以 JSLint 期 望 使 用 代码 块 : 


if (condition) { 


statements, 


} 


经 验 表 明 ， 这 种 形式 更 可 靠 。 


被 禁止 的 代码 块 
Forbidden Blocks 


在 很 多 语言 中 ， 代 码 块 具有 作用 域 。 在 一 个 代码 块 中 引入 的 变 
量 ， 在 该 代码 块 之 外 是 不 可 见 的 。 


在 JavaScript 中 ， 代 码 块 并 没有 作用 域 。JavaScript 中 只 有 函数 作用 
域 。 在 一 个 函数 中 的 任意 位 置 引 入 的 变量 在 该 函数 中 到 处 可 见 。 
JavaScript 的 代码 块 让 有 经 验 的 程序 员 感 到 迷惑 ， 并 且 导 致 错误 ， 因 为 
他 们 本 来 熟悉 的 语法 这 次 仿佛 中 了 和 脾 。 


JSLint 期 望 只 有 function、if、switch、while、for、do 和 try 语 句 使 
用 代码 块 B。 有 一 个 例外 就 是 在 else 或 for in 语句 中 的 证 语句 可 以 不 使 用 
代码 块 。 


表达 式 语句 
Expression Statements 


表达 式 语 句 被 期 望 是 赋值 、 水 数 /方法 调用 或 delete 操 作 。 所 有 其 
他 的 表达 式 语 句 都 被 认为 是 错误 的 。 


for in 语 侣 
for in Statement 


for in 语句 可 以 用 来 遍历 对 象 的 所 有 属性 的 名 字 。 煤 糕 的 是 ， 它 也 
会 遍历 出 所 有 从 原型 链 中 继承 而 来 的 成 员 属 性 。 这 融 来 了 糟糕 的 副 作 
用 : 或 许 你 只 对 数据 成 员 感 兴 趣 ， 但 它 却 提供 了 一 些 方法 函数 。 


每 个 for in 语 句 的 主体 都 应 该 被 包围 在 一 个 用 于 过 渡 的 if 语 句 中 。if 
语句 可 以 选择 某 种 特定 的 类 型 或 某 个 范围 内 的 值 ， 它 可 以 排除 函数 ， 
或 者 排除 从 原型 继承 而 来 的 属性 。 例 如 : 


for (name in object) { 


if (object.hasOwnProperty(name)) { 


e * 
switch A 
switch Statement 
在 switch 语 句 中 常见 的 错误 是 忘记 在 每 个 case 语 句 后 放 一 个 break 


语句 ， 结 果 导 致意 外 的 穿越 。JSLint 期 望 在 下 一 个 case 或 default 语 句 之 
前 有 下 面 这 些 语句 的 其 中 一 条 : breaks return Nthrowo 


var 
var Statement 


JavaScript 允 许 var 定 义 语 句 出 现在 函数 内 部 的 任意 位 置 。JSLint 的 
要 求 则 更 为 严格 。 
JSLint 期 望 的 如 下 : 


一 个 var 语 句 只 会 被 声明 一 次 ， 并 且 它 会 在 使 用 前 被 声明 。 
国 数 会 在 使 用 前 被 声明 。 
人 参数 不 会 用 var 再 声明 一 次 。 


JSLint 不 期 望 的 如 下 : 


把 arguments 当 做 变量 名 来 用 var 语 句 声 明 。 
在 代码 块 中 定义 变量 。 这 是 因为 JavaScript 没 有 块 级 作用 域 。 这 可 
能 带 来 意 想不到 的 后 果 ， 所 以 在 遂 数 体 的 顶部 定义 所 有 的 变量 。 


0 * 
with 语 句 
with Statement 
with 语句 的 本 意 是 提供 一 个 访问 深层 徐 套 对 象 成 员 的 快捷 方式 。 


糟 焙 的 是 ， 当 设置 新 成 员 属 性 时 ， 它 的 行为 非常 糟 烧 。 所 以 永远 不 要 
使 用 with 语 句 ， 而 用 var 去 代替 它 。 


JSLint 不 期 望 看 到 with 语句 。 


JSLint 不 期 望 在 if 或 while 语 句 的 条 件 部 分 看 到 赋值 语句 。 因 为 像 下 
面 这 样 的 代码 : 


if (a=b) { 
} 
本 意 更 可 能 是 : 


if (a == b) { 


== 和 != 运 算 符 在 执行 比较 前 会 做 强制 类 型 转换 。 这 很 糟糕 ， 因 为 
CSR innit '==0 的 结果 为 tue。 从 而 可 能 掩盖 因 类 型 引发 的 错误 。 


当 和 如 下 所 列 的 任意 一 个 值 进行 比较 时 ， 总 是 使 用 === 或 !== 运 算 
符 ， 这 一 对 运算 符 不 会 做 强制 类 型 转换 : 


© '' undefined null false true 


如 果 你 希望 做 强制 类 型 转换 ， 那 么 就 使 用 简易 格式 。 对 如 下 的 形 


式 : 

(foo != 0) 
就 直接 使 用 : 
(foo) 

对 于 : 

(foo == 0) 

就 替代 为 : 

(!foo) 


使 用 === 与 !== 运 算 符 始终 是 首选 的 。 昌 然 有 一 个 “允许 == 和 !=” 
(eqeq) 的 选项 ， 但 不 建议 使 用 这 个 选项 。 


标签 
Labels 


JavaScript 人 允许 任何 语句 都 拥有 一 个 标签 ， 并 且 标签 有 一 个 单独 的 
名 称 空间 59。JSLint 更 为 严格 。 


JSLint 期 望 标签 只 用 在 会 与 break 语 名 进行 交互 的 下 列 语句 中 : 
switch、while、do 和 for。JSLint 期 望 标签 有 别 于 变量 和 人 参数。 


不 可 达 代 码 (10) 
Unreachable Code 


JSLint @ return, break, continue 或 throw 语 句 的 后 面 会 紧 接 一 
个 }、case 或 default 语 句 。 


混乱 的 正 负 号 


Confusing Pluses and Minuses 
JSLint 期 望 + 不 会 跟 在 + 或 ++ 的 后 面 ， 而 -不 会 跟 在 -或 -的 后 面 。 一 


个 位 置 不 当 的 空格 可 能 将 ++ 变 成 ++， 这 样 的 错误 很 难 被 发 现 。 使 用 圆 
括号 可 以 避免 混 靖 。 


++and-- 


++ (递增 ) 运算 符 和 -- (递减 运算 符 星 深 诡异 的 写法 只 会 ai 
BE CEFR ft NK (BER 


构 缺 陷 ) 。 如 果 你 真 的 允许 使 用 这 些 运 算 符 ， 可 以 开启 JSLint 的 
plusplus 选 项 。 


WRN 


Bitwise Operators 


JavaScript 没 有 整数 类 型 ， 但 它 有 位 运算 符 。 位 运算 符 把 它们 的 运 
算数 从 浮 点 数 转 换 为 整数 后 接着 返回 ， 所 以 它们 的 效率 根本 无 法 和 它 
们 在 C 或 其 他 语言 中 的 表现 相 比 。 它 们 很 少 用 于 浏览 器 应 用 程序 。 它 
们 和 逻辑 运算 符 的 相似 性 可 能 会 掩盖 一 些 编程 错误 。 使 用 bitwise 选 项 
可 以 禁止 使 用 这 些 运算 符 。 


eval 是 魔鬼 


eval Is Evil 


eval NN CAN SEK (Function、setTimeout 和 setInterval) 提供 了 
访问 JavaScript 编 译 器 的 机 会 。 有 时 候 这 是 很 有 用 的 ， 但 大 多 数 情况 下 
它 表 明 存 在 着 相当 糟糕 的 代码 。eval 函 数 是 JavaScript 被 误 用 得 最 多 的 
特性 。 


void 


在 大 多 数 类 C 的 语言 中 ，void 是 一 种 类 型 。 而 在 JavaScript 中 ，void 
是 一 个 总 返回 undefined 的 前 置 运 算 符 。JSLint 不 期 望 看 到 void， 因 为 它 


令 人 困惑 ， 而 且 没什么 用 。 


正则 表达 式 


Regular Expressions 


正则 表达 式 以 一 种 简洁 而 有 些 神 秘 的 表示 法 编写 。JSLint 会 查找 
可 能 导致 隐患 的 间 题 。 它 也 尝试 对 那些 看 上 去 存在 歧义 的 地 方 提出 应 
该 明确 进行 转 义 的 建议 。 


JavaScript 的 正则 表达 式 字 面 量 的 语法 重 载 了 /字符 。 为 避免 混淆 ， 
JSLint 期 望 出 现在 一 个 正则 表达 式 之 前 的 字符 是 (、=、: 或 ,。 


构造 器 尔 数 和 new 运 算 符 


Constructors and new 


构造 器 函数 是 被 设计 成 结合 new 运 算 符 一 起 使 用 的 图 效 。new 运 算 
符 基 于 该 阔 数 的 原型 创建 一 个 新 对 象 ， 并 且 把 该 对 象 绑 定 到 该 函数 隐 
含 的 this 参 数 上 。 如 果 你 忽略 使 用 new， 新 的 对 象 不 会 被 创建 ， 并 且 
this 会 被 绑 定 到 全 局 对 象 上 。 这 是 一 个 严重 的 错误 。 


JSLint 强 制约 定 构 造 器 函数 必须 以 首 字 母 大 写 的 形式 命名 。JSLint 
不 期 望 看 到 一 个 首 字母 大 写 的 函数 在 没有 前 置 new 的 情况 下 被 调用 ， 
JSLint 也 不 期 望 看 到 与 new 连 用 的 图 数 名 不 是 以 大 写字 母 开头 的 。 


JSLint 不 期 望 看 到 这 些 封 装 形式 : new Number, new String 或 new 


Booleans 


JSLint 不 期 望 看 到 new Object (使 用 对 象 字 面 量 {} 代 替 ) 。 


JSLint 不 期 望 看 到 new Array (使 用 数组 字面 量 [ IRE) o 


忽略 的 检查 
Not Looked For 


JSLint 不 会 通过 流程 分 析 去 确定 变量 在 使 用 前 是 否 已 经 赋 了 值 。 
这 是 因为 变量 的 默认 值 (undefined) 对 很 多 应 用 程序 来 说 是 合理 的 。 


JSLint 不 会 去 做 任何 形式 的 全 局 分 析 。 它 不 会 尝试 去 确定 与 new 连 
用 的 函数 是 否 是 真正 的 构造 器 函数 (除了 强制 首 字 母 大 写 的 约定 ) o 


HTML 


JSLint 能 够 处 理 HTML 文 本 。 它 可 以 查看 包含 在 <script>...</script> 
标签 内 的 JavaScript 内 容 及 事件 处 理 程序 。 它 也 查看 HTML 内 容 ， 寻 找 
那些 已 知 的 影响 JavaScript 执 行 的 问题 。 


。 所 有 标签 的 名 字 必 须 小 写 。 

。 所 有 标签 中 ， 应 该 匹配 结束 标签 (比如 </p>) 的 标签 必须 有 一 个 
结束 标签 。 

。 所 有 的 标签 都 被 正确 髓 套 。 

。 对 字面 上 的 < 符号 必须 使 用 &lt; 实 体 字符 。 


JSLint 并 不 严格 到 要 与 XHTML 的 规定 完全 一 致 ， 但 比 一 般 的 浏览 
器 要 严格 。 


JSLint 也 会 检查 字符 串 字 面 量 中 </ 的 出 现 。 你 应 该 总 是 写 为 <V 替 
换 它 。 多 余 的 反 斜 杠 会 被 JavaScript 编 译 器 忽略 ， 但 不 会 被 HTML 解 析 
器 忽略 。 像 这 样 的 小 窍门 本 来 没有 必要 ， 可 是 现在 只 能 这 么 做 。 


JSLint 有 一 个 选项 允许 使 用 大 写 格式 的 标签 名 。 此 外 ， 还 有 一 个 
选项 允许 使 用 行内 的 HIML 事 件 处 理 程序 。 


JSON 


JSLint 也 能 检查 JSON 数 据 结构 是 否 格式 良好 。 如 果 JSLint 看 的 第 1 
个 字符 是 { 或 [， 那 么 它 就 严格 地 实施 JSON 规 则 。 参 见 附录 E。 


报告 
Report 


如 果 JSLint 能 够 完成 扫描 ， 它 会 生成 一 个 函数 报告 。 它 会 为 每 个 
RHA RAB: 


RIAIT So 

图 数 的 名 称 。 至 于 匿名 函数 ，JSLint 将 会 “猜测 ” 它 的 名 字 。 

参数 列表 。 

Closure ( 闭 包 ) : 被 内 部 函数 用 到 的 变量 及 在 该 秒 数 中 声明 的 参 
效 。 


e Variables (变量 ) : * 被 该 国 数 用 到 的 变量 。 


. 函数 中 声明 但 未 使 用 的 变量 。 这 可 能 是 
一 个 错误 的 征兆 。 

。 Outer (外 部 的 ) : 在 本 函数 用 到 的 ， 但 在 另 一 个 函数 中 声明 的 变 
量 。 

a 

e Lablel (标签 : 这 个 函数 用 到 的 语句 标签 。 


该 报告 还 包括 一 个 清单 ， 列 出 所 有 被 使 用 到 的 成 员 属 性 的 名 字 。 


(1) Rhino 是 一 个 开源 的 完全 由 Java 编 写 的 JavaScript 引擎 ， 它 的 官方 网 站 在 
http:/www.mozilla.org/rhino/o 

(2) Yahoo! Widgets， 又 称 Yahoo! Widgets Engine， 是 Yahoo! 所 推出 的 一 套 Widget 引 擎 ， 使 
FA 了 JavaScript & XML 等 技术 ， 可 在 Windows 及 Mac OS X 上 运行 (摘自 
http://zh.wikipedia.org/wiki/Yahoo!_Widgets) o 

(3) 作者 这 里 指 的 是 使 用 在 线 版 本 的 JSLint (http:/www.jslint.com) 得 到 的 分 析 报 表 的 底 
立 
部 。 

(4) ADsafe.org 定 义 了 一 个 专用 于 第 三 方 广告 代码 的 脚本 子 集 ， 以 防止 恶意 的 广告 脚本 。 
其 官方 站 点 是 http:/www.adsafe.org/。 

(5) 作者 认为 ， 提 取 对 象 属性 时 ， 点 表示 法 比 下 标 表示 法 效率 更 高 。 此 选项 更 为 详细 的 解 
释 ， 请 参考 http://stackoverflow.com/questions/2448367/jslint-tolerate-inefficient-subscriptingo 

(6) 关于 严格 的 空白 规则 ， 请 参照 http:/javascript.crockford.com/code.html 中 Whitespace 部 
分 。 

(7) 在 ECMAScript 的 规范 中 ， 换 行 符 被 称 为 “ 行 结束 符 (Line Terminators) ”， 它 会 影响 自 
动 插 入 分 号 机 制 的 处 理 过 程 。 规 范 的 “7.9 Automatic Semicolon Insertion” 一 节 详 细 地 说 明了 自 
动 插入 分 号 机 制 和 众多 范例 ， 将 帮助 读者 理解 本 节 的 内 容 。 

(8) JavaScript 的 语法 允许 代码 块 不 与 if/for 等 语句 一 起 使 用 而 单独 存在 ， 但 因为 没有 块 级 作 
用 域 ， 这 样 的 代码 块 没有 任何 意义 。JSLint 遇 到 单独 的 代码 块 时 ， 总 是 会 当做 JSON 对 象 去 解 
析 。 


(9) 作者 此 处 的 意思 是 ， 在 JavaScript 中 ， 标 签 标识 符 与 命 汶 数 的 标识 符 使 用 的 是 
不 同 的 命名 空间 ， 以 避免 冲突 。 关 于 标签 的 规范 描述 ， 请 参 2 http://www.ecmainterna- 
T 部 分 。 


(10) 在 计算 机 编程 领域 中 ， 不 可 达 代 码 (Unreachable Code) ， 又 称 为 死 代 码 (dead 
code) ， 指 的 是 程序 源 代 码 中 永远 不 会 被 执行 到 的 代码 。 详 细 内 容 请 参见 
http://en.wikipedia.org/wiki/Unreachable_codeo 


附录 D 
NE 
KE 
Syntax Diagrams 
你 这 苦恼 的 化 身 ， 你 在 用 表情 向 我 们 说 话 吗 ? 


一 一 威廉 :莎士比亚 ，《 泰 特 斯 : 安 德 洛 尼克 斯 》 (The Tragedy of 


Titus Andronicus) 


array literal 


)——__statements__ ——Q) 
[name O 


case clause 
i case i expression — [statements | 
disruptive statement 


return statement 


throw statement 


do statement 


(do) iok CiO eapression O O 


escaped character 
Q double quote 


Do O 

—.—— 

— 
© backspace 


(u) 4 hexadecimal digits 


expression statement 


expression 


ression statement 


exp 


fraction 


Q 
function body 
© [statements 二 全 


function literal 


infix operator F 
logical or 


greater or equal logical and 


integer 


© 
except O — 
| digit | 


invocation 


literal 


name 


| integer _ | fraction | 


PXD 


name JO 


pasad 
E 


parameters 


prefix operator 
type of 
to number 

— O yo 
negate 

7 
logical not 

Q) 


refinement 


any Unicode character except / and \ 
and [ and ] and ^and - and 
control character 


regexp class escape 


regexp class escape 
backspace 


me | 
formfeed 
8 
(n) 
A return 


hexadecimal 


digits 


BoA T 
8 whitespace 
(w) 


regexp escape 


(n) 
O return 


4 
hexadecimal 


digits 


back reference 


regexp factor 


any Unicode character except / and \ and 
[ and ] and ( and ) and { and } and ? and 
and * and | and control character 


regexp class 


regexp group 


regexp group 
capturing 


oS 
positive lookahead 
© 


negative lookahead 


uppaa P 
regexp quantifier 


3 


statements 


iz expression statement ih 
E disruptive statement z] 
switch statement 


— while statement — 
for statement 


do statement 


E any Unicode character except | 
and \ and control character 
= = 


4 any Unicode character except = 
1 and N and control character J 


string literal 


switch statement 


throw statement 
© 
try statement 


variable 


(try—{_block_}—{_catch}—((){_name_}—Q)—{_block_ 


var statements 


| Le 


while statement 
O QH ioa 


whitespace 


— 


except line end 


MRE 
JSON 
再 会 吧 ， 这 宝贵 的 片刻 和 短暂 的 时 机 限制 了 我 在 情义 上 
的 真挚 表示 ， 也 不 能 容 我 们 畅 叙 囊 曲 ， 这 本 来 是 杀 友 久违 重 
PRANAB; 愿 上 帝 赐 给 我 们 美好 的 将 来 ， 好 让 我 们 开 
怀 畅 谈 ! 再 一 次 告别 ; 勇敢 作战 吧 ， 祝 你 胜利 ! 


一 一 威廉 : 沙 士 比 亚 ，《 理 查 三 世 》 (The Tragedy of Richard the 
Third) 


JavaScript 对 象 表示 法 (JavaScript Object Notation， 简 称 JSON) 是 
一 种 轻 量 级 的 数据 交换 格式 。 它 基于 JavaScript 的 对 象 字面 量 表示 法 ， 
那 是 JavaScript 最 精华 的 部 分 之 一 。 尽 管 只 是 JavaScript 的 一 个 子 集 ， 但 
它 与 语言 无 关 。 所 有 以 现代 编程 语言 编写 的 程序 ， 都 可 以 用 它 来 彼此 
交换 数据 。 它 是 一 种 文本 格式 ， 所 以 可 以 被 人 和 机 器 阅读 。 它 易于 实 
现 且 易于 使 用 。 大 量 关 于 JSON 的 资料 都 可 以 在 http:MwwwJSON.org/ 中 
找到 。 


JSON 语 ; 
JSON Syntax 


JSON 有 6 种 类 型 的 值 : WR. BA. FRB. AS. AT (true 
和 false) 和 特殊 值 null。 空 白 (空格 符 、 制 表 符 、 回 车 符 和 换行 符 ) 可 
被 插 到 任何 值 的 前 后 。 这 使 得 JSON 文 本 能 更 容易 被 人 阅读 。 为 了 减少 
传输 和 存储 的 成 本 ， 空 白 可 以 省 略 。 


JSON 对 象 是 一 个 容纳 “名 / 值 ? 对 的 无 序 集合 。 名 字 可 以 是 任何 字 
符 串 。 值 可 以 是 任何 类 型 的 JSON 值 ， 包 括 数 组 和 对 象 。JSON 对 象 可 
以 衫 无 限 层 地 授 套 ， 但 一 般 来 说 保持 其 结构 的 相对 扁平 是 最 高 效 的 。 
大 多 数 语 言 都 有 容易 映射 为 JSJON 对 象 的 数据 类 型 ， 比 如 对 象 

(object) 、 结 构 (struct) 、 字 上 典 (dictionary) 、 哈 希 表 (hash 
table) 、 属 性 列表 (property list) 或 关联 数组 (associative array) 。 


JSON 数 组 是 一 个 值 的 有 序 序 列 。 其 值 可 以 是 任何 类 型 的 JSON 
值 ， 包 括 数 组 和 对 象 。 大 多 数 语 言 都 有 容易 被 映射 为 JION 数 组 的 数据 
类 型 ， 比 如 数组 (array) 、 向 量 (vector) 、 列 表 (list) 或 序列 


(sequence) 。 


JSON value 


TSON object 


JSON number 


i 
({) JSON string ®© JSON value a 
. 
0 j 
Q) 


JSON 字 符 串 被 包围 在 一 对 双 引 号 之 间 。\ 字 符 被 用 于 转 义 。JSON 
允许 /字符 被 转 义 ， 所 以 JSON 可 以 宜 入 HTML 的 <script> 标 签 之 中 。 除 
非 是 </script> 标 签 ， 否 则 HTML 不 允许 使 用 </ 字 符 序列 。 但 JSON 人 允许 
使 用 <V， 它 能 产生 同样 的 结果 却 不 会 与 HTML 相 混淆 @。 


JSON 数 字 与 JavaScript 的 数字 相似 。 整 数 的 首位 不 允许 为 0， 因 为 
一 些 语言 用 它 来 标示 八进制 数 。 这 种 基数 的 混乱 在 数据 交换 格式 中 是 
不 可 取 的 。 数 字 可 以 是 整数 、 实 数 或 科学 计数 。 


就 是 这 样 。 这 就 是 JSON 的 全 部 。JSON 的 设计 目标 是 成 为 一 个 极 
简 的 、 轻 便 的 和 文本 式 的 JavaScript 子 集 。 实 现 互通 所 需要 的 共识 越 
少 ， 互 通 就 越 容 易 实 现 。 


JSON string 


4 hexadecimal digits 


JSON number 


integer fraction 


"first": "Jerome", 
"middle": "Lester", 
"last": "Howard", 
"nick-name": "Curly", 
"born": 1903, 

"died": 1952, 


"quote": "nyuk-nyuk-nyuk!" 


"first": "Harry", 
"middle": "Moses", 
"last": "Howard", 
"nick-name": "Moe", 


"born": 1897, 
"died": 1975, 


"quote": "Why, you!" 


exponent 


{ 

"first": "Louis", 

"last": "Feinberg", 

"nick-name": "Larry", 

"born": 1902, 

"died": 1975, 

"quote": "I'm sorry. Moe, it was an accident!" 
} 


安全 地 使 用 JSON 
Using JSON Securely 


JSON 特 别 易于 用 在 Web 应 用 中 ， 因 为 JSON 就 是 JavaScript。 使 用 
eval 国 数 可 以 把 一 段 JSON 文 本 转化 成 一 个 有 用 的 数据 结构 : 


var myData = eval('(' + myJSONText + ')'); 


(用 圆 括号 把 JSON 文 本 括 起 来 是 一 种 避免 JavaScript 语 法 歧义 多 的 


然而 ，eval 函 数 有 着 骇 人 的 安全 问题 。 用 eval 去 解析 JSON 文 本 安 
全 吗 ? 目前 ， 在 Web 浏 览 器 中 从 服务 器 端 获取 数据 的 最 佳 技术 是 
XMLHttpRequest。XMLHttpRequest 只 能 从 生成 HTML 的 同 源 服务 器 获 
取 数 据 。 使 用 eval 解 析 来 自 那 个 服务 器 的 文本 与 解析 原来 的 HTML 一 样 


不 安全 。 那 是 假定 该 服务 器 存 有 恶意 的 前 提 下 ， 但 如 果 它 只 是 存在 漏 
HANNE? 


有 漏洞 的 服务 器 或 许 并 不 能 正确 地 对 JSON 进 行 编码 。 如 果 它 通过 
拼凑 一 些 字 符 串 而 不 是 使 用 一 个 合适 的 JSON 编 码 器 来 创建 JSON 文 
本 ， 那 么 它 可 能 在 无 意 间 发 送 了 危险 的 数据 。 如 果 它 充当 的 是 代理 的 
角色 ， 并 且 尚 未 确定 JSON 文 本 是 否 格 式 良 好 就 简单 地 传递 己 ， 那 么 它 
可 能 再 次 发 送 危 险 数 据 。 


通 过 使 用 JSONpase? A HA HB 代 eva ( W 
http:/www.JSON.org/json2.js) 就 能 避免 这 种 危险 。 如 果 文 本 中 包含 任 
何 危 险 数 据 ， 那 么 JSON.parse 将 抛 出 一 个 异常 。 为 了 防止 服务 器 出 现 
漏洞 的 状况 ， 我 推荐 你 总 是 用 JSON.parse 来 替代 eval。 即 使 有 一 天 浏览 
器 提供 了 连 到 其 他 服务 器 的 安全 数据 访问 ， 使 用 它 同 样 是 个 好 习惯 。 


在 外 部 数据 与 innerHTML 进行 交 互 时 还 存在 另 一 种 危险 。 一 种 常 
见 的 Ajax 模式 是 把 服务 器 端 发 送 过 来 的 一 个 HTML 文 本 片段 赋值 给 
个 HTML 元 素 的 innerHTML 属 性 。 这 是 一 个 非 当 糟 糕 的 习惯 。 如 果 这 
个 HTML 包 含 一 个 <script> 标 签 或 其 等 价 物 ， 那 么 一 个 恶意 脚本 将 被 执 
行 。 这 可 能 也 是 因为 服务 器 端 存在 漏洞 。 


具体 有 什么 危险 呢 ? 如 果 一 个 恶意 脚本 在 你 的 页 面 上 被 运行 ， 它 
就 有 权 访 问 这 个 页 面 的 所 有 状态 和 执行 该 页 面 能 做 的 所 有 操作 。 它 能 
与 你 的 服务 器 进行 交互 ， 而 你 的 服务 器 将 不 能 区 分 正当 请 求 和 恶意 请 
求 。 恶 意 脚本 还 能 访问 全 局 对 象 ， 这 使 得 它 有 权 访 问 应 用 中 除 隐 藏 于 
闭 包 中 的 变量 之 外 的 所 有 数据 。 它 可 以 访问 document 对 象 ， 这 会 使 它 
有 权 访 问 用 户 所 能 看 到 的 一 切 。 它 还 给 这 个 恶意 脚本 提供 了 与 用 户 进 
行 会 话 的 能 力 。 浏 览 器 的 地 址 栏 和 所 有 的 反 钓 鱼 程序 会 告诉 用 户 这 个 


会 话 是 可 靠 的 。document 对 象 还 给 该 恶意 脚本 授权 访问 网 络 ， 人 允许 它 
去 下 载 更 多 的 恶意 脚本 ， 或 者 是 在 你 的 防火 墙 之 内 探测 站 点 ， 或 者 是 
把 它 已 经 窍 取 的 隐私 内 容 发 送 给 世界 的 任何 一 个 服务 器 。 


这 个 危险 是 JavaScript 全 局 变量 的 直接 后 果 ， 它 是 JavaScript 众 多 糟 
糙 的 特性 之 中 最 糟糕 的 一 个 。 这 些 危险 并 不 是 由 Ajax、JSON、 
XMLHttpRequest 或 Web 2.0 (不 管 它 是 什么 ) 导致 的 。 自 从 JavaScript 
被 引入 浏览 器 ， 这 些 危险 就 已 经 存在 了 ， 并 且 它 将 一 直 存 在 ， 直 到 有 
一 天 JavaScript 被 取代 或 修补 。 所 以 ， 请 务必 当心 。 


一 个 JSON 解 析 器 
A JSON Parser 


这 是 一 个 用 JavaScript 编 写 JSON 解 析 器 的 实现 方案 : 


var json_parse = function ( ) { 


// 这 是 一 个 能 把 JSON 文本 解析 成 JavaScript 数据 结构 的 函数 。 
// 它 是 一 个 简单 的 递归 降序 解析 器 。 


// 我 们 在 另 一 个 函数 中 定义 此 函数 ， 以 避免 创建 全 局 变量 。 
var at, // 当前 字符 的 索引 


ch, // 当前 字符 


escapee = { 


AN SN 


Le ak Py 
bi- tbt, 
Fe ONES 
he '\n', 
ie Pe 
„ 

ty 

text, 


error = function (m) { 


// 当 某 处 出 错时 ， 调 用 error。 


throw { 


name: 'SyntaxError', 


message: m, 


at: at, 


ty 


next = function (c) { 


// 如 果 提 供 了 参数 c ， 那 么 检验 它 


是 否 匹 配 当 前 字符 。 


if (c && c !== ch) { 


error("Expected '" + c + "' instead of '" + ch + 


ama 


// 获取 下 一 个 字符 。 当 没有 下 一 个 字符 时 ， 返 回 一 个 空子 符 串 。 


ch = text.charAt(at); 
at += 1; 
return ch; 


ty 


number = function ( ) { 


// 解析 一 个 数字 值 。 
var number, 
string = ''; 

if (ch === '-') { 
string = '-'; 
next('-'); 

} 

while (ch >= O && ch <= '9') { 
string += ch; 
next( ); 

} 

if (ch === .) { 


string += '.'; 


了 


while (next( ) && ch >= O && ch <= '9') { 


string += ch; 


} 
} 
if (ch === 'e' || ch === 'E') { 
string += ch; 
next( ); 
if (ch === '-' || ch === '+') { 
string += ch; 
next( ); 
} 
while (ch >= O && ch <= '9') { 
string += ch; 
next( ); 
} 
} 


number = +string; 

if (isNaN(number)) { 
error("Bad number"); 

} else { 


return number; 


ty 


string = function ( ) { 


// 解析 一 个 字符 串 值 。 


var hex, 


i, 
string = '', 
uf fff; 
// 当 解 析 字 符 串 值 时 ， 我 们 必须 找到 " 和 \ 字 符 。 
if (ch === '"') { 


while (next( )) { 
if (ch === '"') { 
next( ); 


return string; 


} else if (ch === '\\') { 
next( ); 
if (ch === 'u') { 
uffff = 0; 


for (i = 0; i< 4; i += 1) { 
hex = parseInt(next( ), 16); 
if (!isFinite(hex)) { 
break; 
} 
uffff = uffff * 16 + hex; 
} 
string += String.fromCharCode(uffff); 


} else if (typeof escapee[ch] === 'string') 


string += escapee[ch]; 


} else { 


string += ch; 


i 


error("Bad string"); 


ty 


white = function ( ) { 


// 跳 过 空白 。 
while (ch && ch <= ' ') { 


next( ); 


ty 
word = function ( ) { 
// true, false & nullo 
switch (ch) { 
case 't': 
next('t'); 
next('r'); 
next('u'); 
next('e'); 


return true; 


case 'f': 
next('f'); 
next('a'); 
next('l'); 
next('s'); 
next('e'); 
return false; 
case n!: 
next('n'); 
next('u'); 
next (1), 
next (1), 
return null; 
} 
error("Unexpected '" + ch + "'"); 
ty 
value, // AEN SFT. 


array = function ( ) { 


// 解析 一 个 数组 值 。 


var array = [ ]; 


if (ch === '[') { 
next('['); 
white( ); 


VV 


next(']'); 
return array; // 空 数组 


} 
while (ch) { 


array.push(value( )); 


white( ); 
if (ch === "]J')} { 
next (!); 


return array, 


} 
next(','); 


white( ); 


i 


error("Bad array"); 


ty 


object = function ) “ 


// 解析 一 个 对 象 值 。 


var key, 
object = {}; 
if (ch === '{') { 
next('{'); 


white( ); 


if (ch === '}') { 
next('}'); 
return object; /// EWR 
} 
while (ch) { 
key = string( ); 
white( ); 
next(':'); 


object[key] = value( ); 


white( ); 
if (ch === '}') { 
next('}'); 


return object; 


} 
next ,); 


white( ); 


i 


error("Bad object"); 
}; 


value = function ( ) { 


// 解析 一 个 JSON 值 。 它 可 以 是 对 象 、 数 组 、 字 符 串 、 数 字 或 一 


个 词 。 


white( ); 


switch (ch) { 
case '{': 

return object( ); 
case '[': 

return array( ); 
case: 

return string( ); 
case '-': 

return number( ); 
default: 


return ch >= O && ch <= '9' ? number( ) : worde 


J, 
// 返回 json parse AH BEHA EREA E. 
return function (source, reviver) { 


var result; 


text = source; 

at = 0; 

ch=' '; 

result = value( ); 
white( ); 

if (ch) { 


error("Syntax error"); 


// 如 果 存 在 reviver 孙 数 ， 我 们 就 递归 地 对 这 个 新 结构 调用 walk 


N, 

// 开始 时 先 创建 一 个 临时 的 启动 对 象 ， 并 以 一 个 空 字 符 串 作为 键 
名 保存 结果 ， 

// 然后 传递 每 个 “名 / 值 ” 对 给 reviver 国 数 去 处 理 可 能 存在 的 转 
换 。 


// 如 果 没 有 reviver 函数 ， 我 们 就 简单 地 返回 这 个 结果 。 


return typeof reviver === 'function' ? 
function walk(holder, key) { 
var k, v, value = holder [Key]; 
if (value && typeof value === 'object') { 
for (k in value) { 
if (Object.hasOwnProperty.call(value, k)) { 
v = walk(value, k); 
if (v !== undefined) { 
value[k] = v; 
else { 
delete value[k]; 


} 


return reviver.call(holder, key, value); 


¥({'': result}, '') : result; 
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(1) 作者 此 处 所 指 的 是 类 似 这 样 的 问题 : 


<script type='text/javascript '>JSON={"foo":"</script>"}; 


</script> 


如 上 代码 在 浏览 器 中 执行 时 会 导致 脚本 错误 ， 加 上 \ 字 符 进行 转 义 即 可 : 


<script type='text/javascript'>JSON={"foo":"<\/script>"},; 


</script> 


(2) 在 JavaScript 的 语法 中 ， 表 达 式 语句 (Expression Statement) 不 允许 以 左 花 括 号 “{” 开 
台 ， 因 为 那 会 与 块 语句 (Block Statement) 产生 混淆 。 详 细 说 明 请 参见 ECMAScript 规 范 的 相 
关 章 节 一 “12.4 Expression Statement”。 在 使 用 eval( ) 解 析 JSON 文 本 时 ， 为 了 解决 此 问题 ， 可 
以 将 JSON 文 本 套 上 一 对 圆 括号 。 圆 括号 在 此 处 作为 表达 式 的 分 组 运算 符 ， 能 对 包围 在 其 中 的 
表达 式 进行 求 值 。 它 能 正确 地 识别 对 象 字面 量 。 详 细 说 明 请 参见 ECMAScript 规 范 的 相关 章节 
—“11.1.6 The Grouping Operator”. 
(3) 在 译 者 翻译 此 书 时 ， 原 生 JSON 支 持 的 需求 已 被 提交 为 ES3.1 的 工作 草案 (参见 
http://wiki.ecmascript.org/doku.php ?id=es3.1:es3.1_proposal_working_draft) ， 另 外 IE8 已 经 提供 


了 原生 的 JSON 支持 (参见 http://blogs.msdn.com/ie/archive/2008/09/10/native-json-in- 
jeg. aspx) o 
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封面 介绍 


本 书 封面 动物 : 金 斑 蝶 MERER) 。 在 亚洲 以 外 的 地 方 ， 这 种 昆 
虫 也 被 称 为 非洲 策 王 蝶 。 这 是 一 种 中 等 个 头 的 蝴蝶 ， 其 标志 为 醒目 的 
Fuh i Ke LOT ret A RAR AL 


其 惊艳 的 外 表 吸 引 了 众多 科学 家 与 艺术 家 的 关注 。 作 家 弗 拉 基 米 
尔 : 纳 博 科 夫 〈 同 时 为 著名 鳞 翅 目 昆虫 学 家 ) ， 也 曾 在 以 苛刻 著称 的 纽 
约 时 报 书 评 中 为 爱丽 丝 :福特 的 《 奥 杜 邦 的 蝴蝶 、 蛾 类 及 其 他 研究 》 
(The Studio Publications) 撰文 ， 不 音 洪 美 乙 词 对 其 大 加 赞赏 。 在 本 
书 中 ， 福 特 指 出 ，19 世 纪 直 到 奥 杜 邦 时 期 内 ， 那 些 对 于 金 斑 蝶 的 描绘 
都 是 不 科学 的 。 


纳 博 科 夫 在 给 福特 的 回复 中 写 道 , “在 1797 年 John Abbot 关 于 北美 
鳞 刻 目的 大 量 资料 或 18 世 纪 至 19 世 纪 初 的 德国 鳞 亡 类 资料 中 很 可 能 找 
到 金 斑 蝶 的 踪影 。 它 甚至 在 3300 多 年 前 的 图 特 摩 斯 四 世 或 阿 梅 诺 菲 斯 
三 世 时 期 出 现 过 。 在 古 埃及 的 壁 男 上 ， 人 们 发 现 了 描绘 精美 的 蝴蝶 
不 可 思议 的 是 ， 并 非 以 往常 出 现 的 金 包 子 形象 一 一 它 巧 妙 地 将 金 
FRNA SESH (蝴蝶 的 一 种 ) 的 图 案 结合 在 一 起 。” 


但 是 ， 金 斑 蝶 美丽 的 外 表 下 却 深 藏 杀机 。 在 其 幼虫 阶段 ， 它 从 植 
物 中 摄取 对 乌 类 有 毒 的 生物 碱 一 一 乌 类 是 其 主要 的 捕食 者 ， 往 往 被 其 
鲜艳 色彩 引诱 而 来 。 乌 类 捕食 金 斑 蝶 后 会 呕吐 甚至 死亡 。 季 存 的 鸟 儿 
将 向 其 他 乌 儿 传递 信息 避免 误 食 金 斑 蝶 并 对 其 敬而远之 。 因 此 ， 人 金 斑 
蝶 得 以 悠闲 地 生活 在 地 球 上 。 


该 封面 图 片 取材 于 《英国 多 佛 港 的 动物 》。 


